如何使用角度JS来创建多维数组复选框 [英] How to create check box from multidimensional array using angular js

问题描述

我有一个多维数组我想与复选框打印的所有数据。
下面有在code，我想创建复选框这些值值是将选择真正dietry_reqs数组。
如何把在NG-重复dietry_reqs

I have a multi dimensional array I want to print all data with check box. there is dietry_reqs array below in the code I want to create check box with these value which value is true that will selected. How to put dietry_reqs in 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"
      }
   ]
}

这是我的code我没有写各个领域code。
    我叫这样的复选框，但我得到响应，如下图

This is my code I have not written all fields code. I called check box like that but i am getting response as below image

<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>

推荐答案

您没有足够的提供code，但据我了解，你可以做这样的事情：

you did not provided enough code but as far as i understand, you can do something like that:

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

这篇关于如何使用角度JS来创建多维数组复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！