判断AngularJS渲染页面完成

写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');  
    }  
}]);  

你可能感兴趣的:(blog)