AngularJS 获取ng-repeat的动态ng-model
Posted miny_simp
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AngularJS 获取ng-repeat的动态ng-model相关的知识,希望对你有一定的参考价值。
首先ng-model设置为$parent.conf[$index]:
- 用$parent的原因是ng-repeat产生的,他会为每一个input生成一个子scope对象,而$parent表示用父类的scope,这样我们在JS文件中才能取到该值。
- $index代表的意思是ng-repeat="param in params"遍历时的下标
- 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)