习惯了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', ['$scope', '$routeParams', function($scope, $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', ['$scope', '$routeParams', function($scope, $routeParams) { $scope.load = function() { alert('code here'); } }]);
源引:http://blog.51yip.com/jsjquery/1599.html