判断AngularJS渲染页面完成

xinshangshangxin

于 2015-03-28 13:34:04 发布

阅读量3.3w

点赞数

分类专栏： blog

本文链接：https://blog.csdn.net/xinshangshangxin/article/details/44700813

版权

blog 专栏收录该内容

31 篇文章

订阅专栏

在AngularJS中，使用jQuery的$(document).ready()无法准确判断页面渲染完成。可以改用$viewContentLoaded事件或者data-ng-init来确保在AngularJS应用加载完毕后执行相关操作。

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

写demo的时候需要调整页面高度,之前用jquery的时候一直是 $(document).ready() 来判断页面渲染完成
但是到了angularjs之后,不起作用…………

使用$viewContentLoaded事件

完整Demo

<div ng-controller="MainCtrl">
  <div ng-view></div>
</div>

$scope.$on('$viewContentLoaded', function(){

});

// 或者
$scope.$watch('$viewContentLoaded', function() {  

});

利用data-ng-init

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

bookControllers.controller('testInit', ['$scope', '$routeParams',  function($scope, $routeParams) {  
    $scope.load = function() {  
         alert('code here');  
    }  
}]);