Angularjs 实现 $(document).ready()的两种方法

Posted 金木龙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Angularjs 实现 $(document).ready()的两种方法相关的知识,希望对你有一定的参考价值。

1.在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‘);
}]);


2.利用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‘);
}
}]);

以上是关于Angularjs 实现 $(document).ready()的两种方法的主要内容,如果未能解决你的问题,请参考以下文章

angularjs 全选反选

在 Java Playframework 2.4.x + AngularJS 上设置 CORS

angularjs之插件ngRoute和ngAnimate

angularjs + springmvc 上传和下载

外部javascript 方法修改 angularjs 中$rootScope和$scope

AngularJS - 捕捉拖动