angularjs 实现 window.onload() $(document).ready() 的4种方法
来源:互联网 发布:城口综合数据库中标 编辑:程序博客网 时间:2024/06/07 03:54
习惯了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
0 0
- angularjs 实现 window.onload() $(document).ready() 的4种方法
- angularjs 实现 window.onload() $(document).ready() 的方法
- angularjs 实现 window.onload() $(document).ready() 的方法
- $(document).ready()方法和window.onload()方法
- jquery的$(document).ready()方法 与 window.onload 的区别
- js中替换window.onload的方法 document.ready
- Jquery中$(document).ready()与window.onload方法的区别
- angular实现window.onload和$(document).ready
- window.onload与jquery的$(document).ready
- document.ready和window.onload的区别
- $(document).ready()和window.onload的区别
- document.ready和window.onload的区别
- window.onload与$(document).ready()的区别
- window.onload 与 document.ready 的区别
- window.onload 和 $(document).ready的 区别
- $(document).ready() 与 window.onload的区别
- window.onload与document.ready的区别
- $(document).ready() 与window.onload的区别
- bresenham直线画法
- 指定格式日期转秒
- TextView设置行间距,以及最大展示数目,以及单行展示限制
- EventBus使用详解(一)——初步使用EventBus
- 【Leetcode】402. Remove K Digits
- angularjs 实现 window.onload() $(document).ready() 的4种方法
- CSS 如何让 height:100%; 起作用
- HDU-5879 Cure(精度)(极限)
- 关于 iOS 10 中 ATS 的问题
- iOS上如何让按钮文本左对齐问题
- 如何用Android studio构建项目
- 136. Single Number
- listview 添加点击时的背景颜色
- 高并发