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{
                            ... ...
                        }
                    };
时间: 2024-08-07 01:39:51

AngularJS 获取ng-repeat的动态ng-model的相关文章

AngularJS获取密码

1.设计源码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>AngularJS获取密码</title> <script type="text/javascript" src="angular.js"></script> </head> <body> <

获取iframe(angular 动态页面)高度

问题比较特殊,google了好久才得到启示 开发的angular页面,需要嵌入到客户的web页中,以iframe方式.由于iframe的高度需要指定,而angular动态生成机制导致页面高度会随时变化, 就会出现2个滚动条,一个是页面本身,一个是iframe里的. 解决方法如下: 1.写一个directive监听angular的$digest,实时获取body高度,通过 HTML5 postMessage方式传出 在HTML5中新增了postMessage方法,postMessage可以实现跨文

vue中动态循环model

vue动态循环model与angular有所不同,angular直接定义一个数组,然后传入循环列表的index即可. 而vue不仅需要定义一个数组,还需要通过接口读出循环的数组长度,然后在create中先创建出来. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javas

angularjs 获取服务端口数据的方法---$http,$resource,Restangular

angularjs 获取服务端口数据的方法(三种):  $http, $resource, Restangular.   另外BREEZE 也可以参考(ODATA) 其中:$http, 与 Restangular返回 promise.       promise 是一种以函数来作为then属性值的对象: then(fulfilledHandler, errorHandler, progressHandler) 添加fulfilledHandler.errorHandler和progressHan

通过dva-model-extend实现 dva 动态生成 model

前言 实现通过单个component 单个router通过相应的标识对应产生不同model实现数据包分离,model namespce将会覆盖基础的Model,其中的model[state|subscriptions|effects|reducers] 将通过Object.assign进行复制( Object.assign({},obj,obj1) )将源对象里面的属性添加到目标对象中去,若两者的属性名有冲突,后面的将会覆盖前面的. 背景 在子路由中动态导入model, 因为model比较大,

Part 6 AngularJS ng repeat directive

ng-repeat is similar to foreach loop in C#. Let us understand this with an example. Here is what we want to do. 1. For each employee we have in the employees array we want a table row. With in each cell of the table row we to display employee Firstna

AngularJs根据访问的页面动态加载Controller的解决方案

最近AngularJs很火.... 废话不多说了,如主题吧 用Ng就是想做单页面应用(simple page application),就是希望站内所有的页面都是用Ng的Route,尽量不用location.href,但是这样的webapp好处是很多,但是美中不足的是当你的webapp随着时间的推移,用户变多,功能变得更丰富,controller也变得越来越多,你不得不把所有的controller当作全局模块进行加载,以使得在站内任何一个页面中按F5刷新后能route到任意一个其他页面,而不会发

AngularJS下拉列表select在option动态变化之后多出了一个错误项的问题

场景: Select初始化之后,选中select的某个选项 通过AngularJS更新select的选项 错误写法: HTML(使用ng-repeat) <div ng-app="TestApp"> <div ng-controller="TestAppCtrl"> <label>options变化之后会出错:</label> <select ng-model="selectedSite"&g

AngularJS 中ng-model通过$watch动态取值

这个例子的意思是,当xxxx的长度不超过6时,xxxx和yyyy两个input的model是无关的,但当xxxx超过6,则yyyy会跟随其值而变化. <!doctype HTML> <html> <head lang="en"> <meta charset="utf-8"> <script type="text/javascript" src="https://ajax.google