angularjsのオブジェクトにプロパティを動的に追加するng-repeat

Question

オブジェクトリストを作成し、ng-repeatを使用してそのリストを繰り返してテーブル行を生成します。各tdには、ソース名とチェックボックスが含まれています。私はリストに利用できないプロパティでチェックボックスをバインドしたい。どのように可能ですか？

scope.reasons = [ 
     {sourceName:'Lack of rainfall'}, 
     { sourceName: 'Change in land use' }, 
     {sourceName:'Change in Land Cover'} 
     ]; 

とHTMLコードはそのようなものです： - - ：リストではそのようなものです

<table> 
    <tr ng-repeat="source in reasons"> 
    <td>{{source.sourceName}}</td> 
    <td><input type="checkbox" ng-checked="source.postAdequate"></td> 
    </tr> 
</table> 

Answer 1

あなたはng-model属性を使用してこれを行うことができ、ng-changeだけ変化検出で確認のためにあります。

<table> 
    <tr ng-repeat="source in reasons"> 
     <td>{{source.sourceName}}</td> 
     <td> 
     <input type="checkbox" ng-model="source.postAdequate" ng-change="changeDet()"> 
     </td> 
    </tr> 
    </table> 

Demo Fiddle

希望これは、すべてのオブジェクトのプロパティを反復処理することが必要な場合、チェックボックスが

<input type="checkbox" ng-model="source.postAdequate"></td> 

に変更されたときに代わりにng-checkedのng-modelを使用して

Answer 2

は内部プロパティを追加しますことができます配列を追加して追加します

scope.reasons.forEach(function(item){ 
    item.postAdequate = false 
}) 

Answer 3

これを試してみてください：

<input type="checkbox" ng-model="source.postAdequate"> 

ここjsfiddleのリンクを参照してください：

https://jsfiddle.net/avnesh2/5cpm48tc/2/ 

をしかし、あなたがクリックした場合、それが唯一source.postAdequate: true/falseを追加し、同じまま意志オブジェクトのまま。

source.postAdequate: true/falseをすべて追加する場合は、先に$scope.reasonsを追加してください。

希望すると、これが役立ちます。

Answer 4

scopeオブジェクトを1回ループして、すべてのアイテムに対して最初にpostAdequate：falseを設定できますか？次に、そのオブジェクトをチェックボックスでバインドします。

 angular.forEach($scope.reasons, function(e,i){ 
      e.postAdequate = false; 
     }); 

htmlコード

<table> 
<tr ng-repeat="source in reasons"> 
<td>{{source.sourceName}}</td> 
<td> 
<input type="checkbox" ng-model="source.postAdequate" ng-click="clickfunction(source.postAdequate)"> 
</td></tr> 
</table>