判断AngularJS渲染页面完成

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

使用$viewContentLoaded事件

• 完整Demo

<div ng-controller="MainCtrl">
  <div ng-view></div>
</div>
 
 
1
2
3
 
 
1
2
3

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

});

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

});  
 
 
1
2
3
4
5
6
7
8
 
 
1
2
3
4
5
6
7
8

利用data-ng-init

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

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