AngularJS 获取ng-repeat的动态ng-model

Posted miny_simp

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AngularJS 获取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的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 ng-repeat 使 bxSlider 在 AngularJS 中工作?

删除动态添加的值到 ng-repeat(angularjs)

ng-repeat 中表单的 AngularJs 动态名称

AngularJS:从 ng-repeat 动态分配控制器

在 angularjs 中使用 ng-repeat 创建动态表

如何使用ng-repeat使bxSlider在AngularJS中工作?