关于Angularjs1.x dom ready

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/luyangbin01/article/details/51809772

在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上应用这个指令就行了