关于Angularjs1.x dom ready

在ng的响应式应用开发过程中，有时间我们想知道什么时间ng-repeat什么时候结束，以便让页面的loading mask消失，或者计算页面的高度什么的。。。可能有很多人一直以来没有什么好的方式来处理，今天，我就把我的做法跟大家分享一下。

angular.module('domChangedModule',[])
.directive('domChanged',['$rootScope','$interval',function($rootScope,$interval){
return {
restrict : 'A',
link : function(scope,ele,attrs){
scope.dom = {
cAt : new Date(),
oAt : new Date(),
state : 'steady'
};
ele.bind("DOMSubtreeModified", function() {
scope.dom.cAt = new Date();
});
$interval(function(){
if(angular.equals(scope.dom.cAt,scope.dom.oAt)){
if(angular.equals(scope.dom.state,'changing')){
$rootScope.$broadcast('DOM:STEADY');
scope.dom.state = 'steady';
}
}else{
scope.dom.oAt = scope.dom.cAt;
scope.dom.state = 'changing';
$rootScope.$broadcast('DOM:CHANING');
}
},500);
}
};
}]);

通常只需要在body上应用这个指令就行了

最后

以上就是忧伤芝麻为你收集整理的关于Angularjs1.x dom ready的全部内容，希望文章能够帮你解决关于Angularjs1.x dom ready所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。