angular中如何监控页面加载完毕

一，网上一些不起作用的方法

1，在controller里面利用 on或者 watch

$scope.$on('$viewContentLoaded',function() {  
    alert('1');  
});

$scope.$watch('$viewContentLoaded',function() {  
    alert('1');  
});

2，利用data-ng-init

<div ng-controller="test">  
     <div data-ng-init="load()" ></div>  
</div>

$scope.load = function() {  
      alert('code here');  
 }

二，网上起作用的方法（只在初始化界面起作用）

此方法调用的angular的方法，angular.element(window)并没有转变为jquery对象，这可能是个特例，不引入jquery就起作用！

angular.element(window).bind('load',function() {  
    alert('1');  
});

三，jquery的方法（需要引入jquery）（只在初始化界面起作用）

angular.element(document).ready(function () {
    alert('1'); 
});

四，$timeout的方法（在方法中急用，但不建议使用）

在方法中$timeout中内容会最后执行，相当于dom加载完再执行，
但多数情况要监控dom加载完是为了变化样式，推荐使用angular自己的指令ng-class去变样式

$scope.setStyle = function(){
    var a = $timeout(function(){
        var radio = angular.element('.item-radio')[2];
        angular.element(radio).addClass("SELEct"); 
    });

    $scope.clientSideList = temPDAta; 
  }

示例代码下载地址：http://download.csdn.net/detail/superjunjin/9732862
可以参照上篇理解：http://code.js-code.com/article/p-bcpyyxzk-bqa.html

@H_929_197@

大佬总结

以上是大佬教程为你收集整理的angular中如何监控页面加载完毕全部内容，希望文章能够帮你解决angular中如何监控页面加载完毕所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。