2016-06-13 11 views
1

私は、JSON(テーブルを構築するためのデータとデータを操作するためのいくつかのデータを含む)を取り込むテンプレートをホストし、テーブルを生成する指令を持っています。テンプレートのangular ng-repeat動的生成チェックボックスと文字列

関連コード:

<table class="table" id="table_{{table.name}}"> 
     <thead> 
      <tr> 
      <th ng-repeat="header in table.headers track by $index">{{header}}</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="row in table.rows track by $index"> 
      <td ng-repeat="item in row track by $index" 
       ng-Click="table.selectedRow(row)"> 
       {{item}} 
      </td> 
      </tr> 
     </tbody> 
     </table> 

JSONの例は、このテンプレートに供給される

$scope.searchTable = { 
    headers: ["title", "deleted"], 
    rows: [ ["ABC", true], 
      ["DEF", false] ], 
    [...] 

} 

私の質問は:

は時々テーブルはcheckboxsでカラムを必要とします、データに応じて。私のテンプレートを変更する方法はありますか?それで、必要ならば文字列だけでなくチェックボックスの列が生成されますか?

例:上記のJSONの例では、deletedの列をチェックボックスにしたいとします。エントリが削除されると、その行はdeletedカラムの下のチェックされていないチェックボックスになります。

これは意味がありますか?すべてが動的に生成されるので、どの列がチェックボックスになるか分かりません。それはすべて、ページがサーバーから取得するデータに依存します。したがって、この例では、サーバはクライアントにどのエントリが読み込み可能であるかを伝え、JSONを生成してテンプレートに送ります。 JSONとテンプレートをどのように構成すればいいですか

これは実行可能ですか?任意のヒント?

答えて

2
<tr ng-repeat="row in table.rows track by $index"> 
      <td ng-repeat="item in row track by $index"> 
      <div data-ng-if="item.type!=='checkbox'" ng-Click="table.selectedRow(row)"></div> 
      <div data-ng-if="item.type==='checkbox'"> <input type="checkbox" /></div> 

       {{item}} 
      </td> 
    </tr> 
+0

oh yea haha​​。ありがとう!! – user308553

+0

Np)返信plsとしてマーク – Vitalii

+0

時間制限があります。回答を確認するまで待たなければなりません。 – user308553

関連する問題