AngularJs中,如何在数据加载完成后,执行Js脚本

本文介绍了一种在AngularJS中使用自定义指令实现ngRepeat完成后的回调功能的方法。通过定义一个名为'onFinishRenderFilters'的指令,可以在数据循环渲染完毕后触发特定操作,这对于依赖于DOM更新后的操作非常有用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、自定义服务

app.directive('onFinishRenderFilters', function ($timeout) {
return {
restrict: 'A',
link: function (scope, element, attr) {
if (scope.$last === true) {
$timeout(function () {
scope.$emit('ngRepeatFinished');
});
}
}
};
});

2、html  使用ng-repeat循环渲染数据 然后在监控的地方添加 定义好的

<tbody>
<tr ng-repeat="item in itemArr" on-finish-render-filters>
<td ng-bind="item.title"></td>
<td ng-bind="item.noticetype"></td>
<td ng-bind="item.district"></td>
<td ng-bind="item.createTime"></td>
<td ng-bind="item.createDepartment"></td>
<td ng-bind="item.createUserName"></td>
</tr>
</tbody>

3、最后在控制器中使用

$scope.$on('ngRepeatFinished', function (ngRepeatFinishedEvent) {
//something...
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值