結合モデルはアイテム

Question

に選択した設定を、私持って正常に動作し、次のコード：私は新しい配列に選択された値をバインドする代わりに、オブジェクト上で選択した設定たいしかし

<div class="col-md-12"> 
    <div class="button-group"> 
     <button type="button" class="btn btn-default btn-block btn-sm dropdown-toggle" data-toggle="dropdown"><span class="">TurbineNumber</span> <span class="caret"></span></button> 
     <ul class="dropdown-menu" style=""> 
      <li style="padding-left:10px;" ng-repeat="c in turbineNumbersDistinct"> 
       <label style="font-weight:100;"> 
        <input type="checkbox" ng-model="c.Selected" ng-change="filterChanged()" />&nbsp;{{c.Name}} 
       </label> 
      </li> 
     </ul> 
    </div> 
</div> 

それは自己です。私はバインドされた配列を塗りつぶす関数を呼び出すいくつかのサンプルを見つけましたが、これをインラインで行うことはできませんか？

Answer 1

これは、ng-changeを使用すると、要素を新しい出力配列（$scope.output）にプッシュまたはスプライスすることができます。

JSFiddle Demo

HTML：

<div ng-controller='MyController' ng-app="myApp"> 
    <div class="col-md-12"> 
    <div class="button-group"> 
     <button type="button" class="btn btn-default btn-block btn-sm dropdown-toggle" data-toggle="dropdown"><span class="">TurbineNumber</span> <span class="caret"></span></button> 
     <ul class="dropdown-menu" style=""> 
      <li style="padding-left:10px;" ng-repeat="c in turbineNumbersDistinct"> 
       <label style="font-weight:100;"> 
        <input type="checkbox" ng-model="selected[$index]" ng-change="selected[$index] ? output.push(c.Name): output.splice(output.indexOf(c.Name), 1)" />&nbsp;{{c.Name}} 
       </label> 
      </li> 
     </ul> 
    </div> 
    {{output}} 
</div> 
</div> 

Answer 2

このような意味ですか？

ng-model="newArray[$index]" 

これは、反復のインデックスの配列に入力をバインドします。