判断angular渲染页面完成
来源:互联网 发布:室内设计上海知乎 编辑:程序博客网 时间:2024/06/07 06:59
前些天写项目的时候,需要页面循环渲染请求到的数据后再执行函数,无论jQ还是原生js的入口函数都不行,虽说angular的生态系统比较完善,并不需要引用jQ来操作DOM元素。
言归正传,查资料发现:AnguarJs提供了一些对于Html进行加强的语义标签(directive),这些标签在浏览器加载完页面后被执行。
//var app 什么的自个写了哈app.directive('onRepeatFinishedRender', function ($timeout) { return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { $timeout(function () { scope.$emit('ngRepeatFinished', element); }); } } };});$scope.$on("ngRepeatFinished", function (repeatFinishedEvent, element){ var repeatId = element.parent().attr("repeat-id"); //r1这个你随便写,不过要和父元素repeat-id属性一样 if(repeatId=="r1"){ //这里写程序块 你要执行的操作 } })
html:
<ul repeat-id="r1"> <li ng-repeat="item in data" on-repeat-finished-render> …… </li></ul>
随便总结下,不一定有用的喔,大伙可以一起交流嘛 (,,•́ . •̀,,)
阅读全文
0 0
- 判断angular渲染页面完成
- 判断AngularJS渲染页面完成
- 判断AngularJS渲染页面完成
- 判断activity渲染完成
- angular指令监听ng-repeat渲染完成
- 判断页面加载完成
- 从输入URL到页面渲染完成
- 判断页面是否加载完成
- js判断页面加载完成
- 如何判断页面加载完成
- js判断页面加载完成
- 判断页面是否加载完成~
- 判断页面是否第一件渲染
- AngularJS判断页面是否已经渲染结束
- 【译】从输入URL到页面渲染完成
- JS判断页面是否加载完成
- JS判断页面是否加载完成
- js判断页面是否load完成
- 17暑假多校联赛7.11 HDU 6130 Kolakoski
- Chrome出现黑屏现象
- yarn-1
- 直接插入排序的Java实现、性能分析以及适用场景
- linux下安装mysql简单的方法
- 判断angular渲染页面完成
- OpenLayers简介
- 数字-字符串转换
- 2017.08.15【NOIP 普及组】模拟赛C组总结
- Multipart上传filename乱码
- 【bzoj1041】[HAOI2008]圆上的整点
- netty
- spark 源代码分析 (二)spark启动过程
- react native 整合极光推送(Android)