angularjs 实现 window.onload() $(document).ready() 的4种方法

习惯了window.onload(),$(document).ready()，现在换成别的了，还真有点不习惯了。下面说一下常用的4种情况。 1，html中直接写 <script src="lib/angular/angular.min.js" type="text/javascript"></script> <script type="text/javascript"> angular.element(window).bind('load',function() { alert('1'); }); alert('2'); </script> 不建议，直接在模板里面，写js代码。 2，在controller里面利用$on或者$watch bookControllers.controller('bookctrl_test',['$scope','$routeParams',function($scope,$routeParams) { $scope.$on('$viewContentLoaded',function() { alert('1'); }); alert('2'); }]); bookControllers.controller('bookctrl_test1',$routeParams) { $scope.$watch('$viewContentLoaded',function() { alert('1'); }); alert('2'); }]); 3，利用data-ng-init <div ng-controller="test"> <div data-ng-init="load()" ></div> </div> 注意：data-ng-init在controller里面才会启作用 bookControllers.controller('testInit',$routeParams) { $scope.load = function() { alert('code here'); } }]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!