1. 程式人生 > >AngularJS 獲取ng-repeat的動態ng-model

AngularJS 獲取ng-repeat的動態ng-model

con $scope 對象 文件 spec input ram ng-repeat ng-model

首先ng-model設置為$parent.conf[$index]:

  1. 用$parent的原因是ng-repeat產生的,他會為每一個input生成一個子scope對象,而$parent表示用父類的scope,這樣我們在JS文件中才能取到該值。
  2. $index代表的意思是ng-repeat="param in params"遍歷時的下標
  3. conf是我們在js中的變量名實際效果

<label>
    <input type="checkbox" ng-click="checkSuspectAll(data,$index)" 
              ng-model="$parent.conf[$index]"> {{data.groupName}}</label>

  在controller中定義了一個$scope.conf = [];就是一個數組,通過 scope.conf 把 ng-model 的所有元素自動保存

$scope.checkSuspectAll = function(data,$index) {
                        var item =  data.suspectList;
                        if($scope.conf[$index]) {
                            ... ...
                        }else{
                            ... ...
                        }
                    };

AngularJS 獲取ng-repeat的動態ng-model