如何在 Angular JS 中从关联数组创建多个复选框

how to create multiple checkbox from associative array in angular js

本文关键字：创建 数组 复选框 关联 Angular JS      更新时间：2023-09-26
Hello I am Posting 3rd time my question for checkbox.
Fully code and response on this question which I have posted already.
I have created fiddle of my data. 
I am getting broken data please check my fiddle.

请测试我的 json 可能存在问题。我想使用dietry_reqs数据创建复选框。 http://jsfiddle.net/ashishoft/03L3faq5/2/

Please please help me :(

首先：你的dietry_reqs是一个字符串而不是可迭代的对象：

固定： 

"dietry_reqs": [{"id":1,"name":"delhi","value":false},{"id":2,"name":"mumbai","value":false},{"id":3,"name":"ahmedabad","value":false}],

和复选框：

<li ng-repeat="(key, value) in thing.dietry_reqs">
    <input type="checkbox" ng-model="value.value"> | {{value.name}} => {{value.value}}
</li>

检查一下：http://jsfiddle.net/pz2f2k39/

另外：官方文档

我想你正在寻找这样的东西：

var app = angular.module("Demo", []);
app.controller("AppController", function($scope) {
  $scope.things = {
    "attendance": [{
      "id": "14",
      "event_booking_id": "32",
      "seat_type": "",
      "fname": "",
      "lname": "",
      "email": "",
      "company": "",
      "dietry_reqs": [{
        "id": 1,
        "name": "delhi",
        "value": true
      }, {
        "id": 2,
        "name": "mumbai",
        "value": false
      }, {
        "id": 3,
        "name": "ahmedabad",
        "value": false
      }],
      "attend_status": "0",
      "created": "2016-05-05 11:24:56"
    }]
  }
});
<div ng-app="Demo">
  <ul>
    <li ng-repeat="a in things.attendance">
      <ul>
        <li ng-repeat="dr in a.dietry_reqs">
          <input type="checkbox" ng-model="dr.value" />{{ dr.name }}
        </li>
      </ul>
    </li>
  </ul>
</div>

让我知道。谢谢。

相关文章：