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

前端之家收集整理的这篇文章主要介绍了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'); } }]);

猜你在找的Angularjs相关文章