AngularJs渲染完毕后执行指定操作

本文介绍了在使用AngularJs开发Web项目时,如何在AngularJs完成页面渲染后执行特定操作。传统方法如onLoad事件无法确保AngularJs的渲染完成。解决办法是创建自定义指令,绑定到ng-repeat等需要监听的元素上,通过回调函数或事件通知来捕获渲染结束的时机,以确保对数据表等组件的操作正确执行。
摘要由CSDN通过智能技术生成

最近用AngularJs做了一个Web的项目,AngularJs的设计真的很适合CRUD。真的建议很多内部的提高生产力的工具转而采用Web,以AngularJs为框架。
通常的Web程序,我们需要在页面加载完成的时候执行某些特定的操作,在没有AngularJs的时候一般采用的是监听onLoad event。但在使用AngularJs来渲染页面时,onLoad不能保证AngularJs已经完成了页面的渲染。最常见的情况就是用AngularJs来加载某个数据Table,我们得等这个Table加载完之后对Table上的数据进行操作,但因为这个Table是由AngularJs渲染的,所以得找到某个方法获得AngularJs渲染完毕后的事件。
AngularJs原生directive或Method没有提供这种功能,现在普遍的做法是通过写一个directive绑定到我们需要监听的元素上去获得该元素的渲染完毕事件,现在就以ng-repeat为例:

具体的方法有两种,一种是回调函数,一种的事件通知。为了简便,把两种方法写到一起了:

View

<ul>
  <li ng-repeat="item in items" on-finish-render="callMethod()"
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值