angularJS指令ng-repeat生成的dom元素js获取不到
来源:互联网 发布:有线网络 编辑:程序博客网 时间:2024/05/21 00:49
用ng-repeat生成的元素用js怎么也获取不到
这个其中原由是:angular拥有自动化渲染DOM的特性,它能帮助我们专注于操作数据,而页面的渲染则由angular自身来完成。这就造成了 ng-repeat 循环完成后angular并不会告诉我们dom渲染完了;换句话说就是不知道angular渲染dom何时完成(得不到生成的元素是因为这个元素还没有渲染出来)。
也就是说要找一个方法使你知道什么时候angular渲染dom完成了,你再才来操作dom,得到你想要的元素、进行操作。。。。
<div ng-repeat="item in items" on-finish> <div>{{item.name}}}<div>
</div>
//jsvar module = angular.module('fang', []) .directive('onFinish', function ($timeout) { return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { $timeout(function () { scope.$emit('ngRepeatFinished'); }); } } }});
$scope.$on('ngRepeatFinished', function(ngRepeatFinishedEvent) { //这里写获取dom的操作,
});
这样你就可以用js找到ng-repeat生成的元素了;并进行相关元素操作。
阅读全文
0 0
- angularJS指令ng-repeat生成的dom元素js获取不到
- angularJs中ng-repeat遍历动态生成的表单元素绑定ng-model无效的问题
- AngularJS之ng-repeat指令
- AngularJS中获取ng-repeat动态生成的ng-model值
- AngularJS中获取ng-repeat动态生成的ng-model值
- AngularJS中获取ng-repeat动态生成的ng-model值
- AngularJS——ng-repeat指令以及Ajax的应用
- Angular Js ng-repeat指令
- AngularJS ng-repeat的使用
- 关于AngularJs的ng-repeat
- AngularJS获取ng-repeat中的单选框
- angularjs ng-repeat 嵌套 获取上层$index
- AngularJs在ng-click函数中如何获取代表当前元素的DOM对象
- AngularJs在ng-click函数中如何获取代表当前元素的DOM对象
- AngularJS中ng-app、ng-model、ng-bind、ng-init、ng-repeat、自定义指令
- Angularjs中select 的ng-repeat 和 ng-options 用法和获取选取值
- Angularjs中select 的ng-repeat 和 ng-options 用法和获取选取值
- AngularJS中的ng-repeat、ng-repeat-start和ng-repeat-end的用法区别详解
- 关于无线网络波动大的解决办法
- Spark --【宽依赖和窄依赖】
- 九宫格显示控件
- hive相关问题总结
- 解决Altium画pcb时出现Unknown Pin的情况
- angularJS指令ng-repeat生成的dom元素js获取不到
- 数据结构实验之图论六:村村通公路
- 数据结构实验之图论九:最小生成树
- jquery点击事件
- 关于Java和OC深浅复制的问题
- jar包(依赖)
- 大学毕业论文指导-内容陈述
- 如何在 Linux 系统中通过用户组来管理用户
- 配置服务器双击环境下的数据库Oracle11gR2