判断AngularJS渲染页面完成

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

使用$viewContentLoaded事件

• 完整Demo

1 2 3

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

1 2 3 4 5 6 7 8

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

利用data-ng-init

1 2 3

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

1 2 3 4 5

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