好资源导航 » 文章资讯 » AngularJS监听ng-repeat渲染完成的两种方法

AngularJS监听ng-repeat渲染完成的两种方法

2023-09-17 20:01:05 74

本文实例讲述了AngularJS监听ng-repeat渲染完成的两种方法。分享给大家供大家参考，具体如下：

监听ng-repeat渲染完成有两种方法

一、最实用的方法:

对应作用域controller:

$scope.completeRepeate=function(){
alert('1')
}

自定义指令directive:

varapp=angular.moduler('myApp',[]);
app.directive('onFinishRenderFilters',['$timeout',function($timeout){
return{
restrict:'A',
link:function(scope,element,attr){
if(scope.$last===true){
varfinishFunc=scope.$parent[attr.onFinishRenderFilters];
if(finishFunc)
{
finishFunc();
}
}
}
};
}])

二、使用广播事件

/*
*Controller文件中的代码
*Setupgeneralpagecontroller
*/
MetronicApp.controller('simpleManageController',['$rootScope',
'$scope','settings','$http',function($rootScope,$scope,settings,$http){
$scope.$on('ngRepeatFinished',function(ngRepeatFinishedEvent){
//下面是在tablerender完成后执行的js
FormEditable.init();
Metronic.stopPageLoading();
$(".simpleTab").show();
});
});
MetronicApp.directive('onFinishRenderFilters',function($timeout){
return{
restrict:'A',
link:function(scope,element,attr){
if(scope.$last===true){
$timeout(function(){
scope.$emit('ngRepeatFinished');
});
}
}
};
});

HTML




{{simpleProduct.productNo}}

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJSMVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。

返回顶部
514930285
czq8825@qq.com

AngularJS监听ng-repeat渲染完成的两种方法

热门推荐

随机推荐