Angular_ng-repeat中的问题
2016-07-01 11:52
531 查看
在进行Angular开发中,经常会用到ng-repeat,需要对后端返回的数据进行遍历筛选;而在遍历的过程中,又要对应的对DOM元素进行一些操作,下面为本人工作遇到的一些问题以及解决方法的记录和整理。
先上图 (view)
(controller)
ng-repeat 删除操作
通过传入下标index,实现对数组role中的元素删除,利用Angular的数据实时通信
ng-repeat 赋值
(此处本人纠结了半天,发现Angular中只能对象整体赋值,不能把对象中某一个值进行赋值传递;)
ng-repeat中每一项为独立作用域,不存在继承关系,所以通过$parent取到父级中的r,然后把br赋值给r
先上图 (view)
<div ng-repeat="r in role track by $index" class="liEdit"> <div class="liEditLft"> <div class="dropMenu dropdown "> <button data-toggle="dropdown" class="btn action dropdown-toggle"><span class="btnCon">{{r.roleName}}</span><span class="bg"></span></button> <div class=" dropdown-menu" ng-init="p_index=$index"> <li ng-repeat="br in baseRoles" ng-click="$parent.r=br">{{br.roleName}}</li> </div> </div> </div> <div class="liEditRit" ng-click="deleteRole($index)"></div> </div>
(controller)
// delete role $scope.deleteRole=function(index){ $scope.role.splice(index,1); };
ng-repeat 删除操作
通过传入下标index,实现对数组role中的元素删除,利用Angular的数据实时通信
ng-repeat 赋值
(此处本人纠结了半天,发现Angular中只能对象整体赋值,不能把对象中某一个值进行赋值传递;)
ng-repeat中每一项为独立作用域,不存在继承关系,所以通过$parent取到父级中的r,然后把br赋值给r
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享