2016-05-04 4 views
-1

多次元配列を持っています。すべてのデータをチェックボックスで印刷したいと思います。 以下のコードでは、私はこの値を持つチェックボックスを作成したいのに、選択された値が真であることを示すdietry_reqs配列があります。 NG-繰り返しでdietry_reqsを置く方法 角度jsを使用して多次元配列からチェックボックスを作成する方法

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

enter image description here

答えて

0

以下のような応答を取得しています:

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

私はそれを好きでしたが、私は繰り返しチェックボックス – mishraoft

+0

を取得しています。その後、チェックボックスを使ってすべてのデータを表示するように言いましたので、あなたの質問について詳細を教えてください。 –

+0

上記の私のコードを書いてあります。 – mishraoft

関連する問題