angular中实现jQuery的Document Ready
2024-10-01 21:02:37
angular中不推荐混用JQuery的,原因呢问度娘。
其实这是一个比较蛋疼的问题,尤其是angular2.0,尽量不要在页面上写js,用ts写到模块里面去吧。。
汲取各位先人的智慧,还是列一下
window.onload(),$(document).ready()在angular中要怎么写:
1,html中直接写(请自行引用angular.js,否则2.0的页面中是不带有angular对象的)
<script src="lib/angular/angular.min.js" type="text/javascript"></script>
<script type="text/javascript">
angular.element(window).bind('load', function() {
alert('');
});
alert('');
</script>
不建议,直接在模板里面,写js代码。
2,在controller里面利用$on或者$watch
bookControllers.controller('bookctrl_test', ['$scope', '$routeParams',
function($scope, $routeParams) {
$scope.$on('$viewContentLoaded', function() {
alert('');
});
alert('');
}]);
bookControllers.controller('bookctrl_test1', ['$scope', '$routeParams',
function($scope, $routeParams) {
$scope.$watch('$viewContentLoaded', function() {
alert('');
});
alert('');
}]);
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');
}
}]);
好了,去学学TypeScript(ts)的语法吧!
最新文章
- json_encode中文unicode的问题
- python基础——访问限制
- 【转载】-- vi/vim使用
- mac使用指南:brew的安装
- 【转】cocos2d-x游戏开发(十四)用shader使图片背景透明
- <;转>;Windows 各种计时函数总结
- (转)java 排序算法
- 基于geoserver的REST服务完成mysql数据源动态发布
- Intellij Idea15 快捷键设置大全
- centos7.2安装完成的基本操作
- TCP的代码
- PHP 中 call_user_func 函数 和 call_user_func_array 函数的区别
- ABAP-增强-MRP运行-根据工厂/父件/子件/供应商拆分采购申请
- NodeJS之 Express框架 app.use(express.static)
- Linux CPU使用率的计算
- python二叉树简单实现
- No module named MYSQLdb 报错
- Python3制作中文词云图
- Spring Cloud Feign 使用OAuth2
- 一些linux工具在windows版本下的文件放置位置
热门文章
- Activity 与ListActivity的区别
- android studio环境搭建-笔记1
- asp.net mvc Remote远程验证
- WORDPRESS 后台500错误解决方法集合
- cognos 10.2.2 搭建网关做负载均衡
- IOS如何刷新视图上的显示内容
- 节点插入--对比jQuery和JavaScript方法(一)
- struts 文件上传下载
- 【技术·水】浅谈Dism++清理插件开发
- Sdut 2409 The Best Seat in ACM Contest(山东省第三届ACM省赛 H 题)(模拟)