angularjs 实现 window.onload() $(document).ready() 的4种方法
2016-12-27 00:00
615 查看
习惯了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');
}
}]);
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');
}
}]);
相关文章推荐
- angularjs 实现 window.onload() $(document).ready() 的4种方法
- angularjs 实现 window.onload() $(document).ready() 的4种方法
- angularjs 实现 window.onload() $(document).ready() 的方法
- angularjs 实现 window.onload() $(document).ready() 的方法
- angularjs 实现 window.onload() $(document).ready()
- window.onload方法 和jquery中的$(document).ready()方法区别
- js中替换window.onload的方法 document.ready
- Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法
- jquery中的$(document).ready()方法和window.onload方法区别
- $(document).ready() 和 window.onload 方法比较
- JS点击任意标签获得该标签属性,以获得ID为例,以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别
- window.onload()和$(document).ready()方法异同
- $(document).ready()方法和window.onload方法区别
- jquery中的$(document).ready()方法和window.onload方法区别
- Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较
- js自动加载两种方法window.onload和$(document).ready的区别
- jQuery中$(document).ready()方法与传统JavaScript中的window.onload的差异
- $(document).ready()方法和window.onload()方法
- jquery中的$(document).ready()方法和window.onload方法区别
- Angularjs 实现 $(document).ready()的两种方法