【问题标题】:How to create check box from multidimensional array using angular js如何使用角度js从多维数组创建复选框
【发布时间】:2016-08-29 20:46:22
【问题描述】:

我有一个多维数组,我想用复选框打印所有数据。 在我想用这些值创建复选框的代码中下面有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>

【问题讨论】:

    标签: javascript php arrays angularjs multidimensional-array


    【解决方案1】:

    您没有提供足够的代码,但据我了解,您可以这样做:

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

    【讨论】:

    • 我确实喜欢,但我得到了重复的复选框
    • 那么请详细说明您的问题,因为您提到要使用复选框显示所有数据?
    猜你喜欢
    • 1970-01-01
    • 2018-07-03
    • 2017-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多