繁体   English   中英

如何使用angular js从多维数组创建复选框

[英]How to create check box from multidimensional array using angular js

我有一个多维数组,我想用复选框打印所有数据。 在下面的代码中有dietry_reqs 数组,我想用这些值创建复选框,该值将被选中。 如何将 Dietry_reqs 放入 ng-repeat

{  
   "attendance":[  
        {  
         "id":"13",
         "event_booking_id":"19",
         "seat_type":"",
         "fname":"",
         "lname":"",
         "email":"",
         "company":"",
         "dietry_reqs":[  
            {  
               "id":1,
               "name":"delhi",
               "value":false
            },
            {  
               "id":2,
               "name":"mumbai",
               "value":false
            },
            {  
               "id":3,
               "name":"ahmedabad",
               "value":false
            }
         ],
         "attend_status":"0",
         "created":"2016-05-04 11:41:28"
      }
   ]
}

这是我的代码我没有写过所有字段的代码。 我这样叫复选框,但我得到如下图所示的响应

<div class="row" ng-repeat="itemse in items track by $index">
            <div class="col-md-1">
                <div class="form-group" mod="itemse">
                    <select class="form-control" name="seat_type" ng-model="itemse.seat_type">
                        <option ng-selected="selected" value="Table">Table</option>
                        <option value="Individual">Individual</option>
                   </select>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group" mod="itemse">
                     <input type="text" class="form-control" name="fname" placeholder="First Name" ng-model="itemse.fname" focus/>
                </div>
            </div>
         <div class="col-md-2">
                <label ng-repeat="itemcheck in itemse.dietry_reqs track by $index">
                 <input type="checkbox" value="{{itemcheck.value}}">{{itemcheck.name}}
                </label>
            </div>
        </div>

在此处输入图片说明

您没有提供足够的代码,但据我所知,您可以执行以下操作:

   <div ng-repeat="level1 in attendance">
      <div ng-repeat="level2 in level1.dietry_reqs">
         <input type="checkbox" value="{{level2.value}}">{{level2.name}}
      </div>
   </div>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM