angularjs 实现 window.onload() $(document).ready() 的4种方法?海底苍鹰(tank)博客

习惯了window.onload(),$(document).ready()，现在换成别的了，还真有点不习惯了。下面说一下常用的4种情况。

1，html中直接写

查看复制打印?

1. <script src="lib/angular/angular.min.js" type="text/javascript"></script>  
2. <script type="text/javascript">  
3.     angular.element(window).bind('load', function() {  
4.         alert('1');  
5.     });  
6.     alert('2');  
7. </script>  

不建议，直接在模板里面，写js代码。

2，在controller里面利用$on或者$watch

查看复制打印?

1. bookControllers.controller('bookctrl_test', ['$scope', '$routeParams',  
2.     function($scope, $routeParams) {  
3.         $scope.$on('$viewContentLoaded', function() {  
4.             alert('1');  
5.         });  
6.         alert('2');  
7. }]);  

查看复制打印?

1. bookControllers.controller('bookctrl_test1', ['$scope', '$routeParams',  
2.     function($scope, $routeParams) {  
3.         $scope.$watch('$viewContentLoaded', function() {  
4.             alert('1');  
5.         });  
6.         alert('2');  
7. }]);  

3，利用data-ng-init

查看复制打印?

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

注意：data-ng-init在controller里面才会启作用

查看复制打印?

1. bookControllers.controller('testInit', ['$scope', '$routeParams',  
2.     function($scope, $routeParams) {  
3.         $scope.load = function() {  
4.              alert('code here');  
5.         }  
6. }]);