Angular.js中window.onload(),$(document).ready()的写法浅析


Posted in Javascript onSeptember 28, 2017

一,问题发现:

最近公司有个微信公众号项目,为了方便直接使用anular.js+ionic进行开发,里面有使用到echarts图表,具体开发中发现echarts在初始化绑定图表的DOM节点时,一直提示该节点不合法;可是明明已经把代码写在了window.onload()中了,又改成$(function(){})结果还是不行.

二,解决方案

1使用angular.element

<script type="text/javascript"> 
 angular.element(window).bind('load', function() { 
  alert("加载完毕");
 }); 
 alert("00"); 
</script>

如果项目中有使用jquery则也可以

angular.element(document).ready(function () {
 alert("加载完毕");
});

2使用$watch

$scope.$watch('$viewContentLoaded', function() { 
 alert("加载完毕"); 
});

2使用data-ng-init

首先在页面上绑定data-ng-init

<div > 
  <div data-ng-init="load()" ></div> 
</div>

首先控制器中绑定对应的函数

$scope.load = function() { 
  alert('加载完毕'); 
 }

总结

以上所述是小编给大家介绍的Angular.js中window.onload(),$(document).ready()的写法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
判断一个变量是数组Array类型的方法
Sep 16 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
在JavaScript中使用timer示例
May 08 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 #Javascript
基于JavaScript实现前端数据多条件筛选功能
Aug 19 #Javascript
javascript 开发之网页兼容各种浏览器
Sep 28 #Javascript
JavaScript中重名的函数与对象示例详析
Sep 28 #Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
Sep 28 #Javascript
微信小程序下拉刷新界面的实现
Sep 28 #Javascript
详解Vuex中mapState的具体用法
Sep 28 #Javascript
You might like
php实现图片添加水印功能
2014/02/13 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
2007/03/08 Javascript
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
jQuery过滤选择器用法分析
2015/02/10 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
js实现交通灯效果
2017/01/13 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
解析vue中的$mount
2017/12/21 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
2019/07/19 Javascript
vue使用swiper.js重叠轮播组建样式
2019/11/14 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
python类型强制转换long to int的代码
2013/02/10 Python
python进阶教程之循环对象
2014/08/30 Python
Python写入CSV文件的方法
2015/07/08 Python
Python实现命令行通讯录实例教程
2016/08/18 Python
利用python模拟sql语句对员工表格进行增删改查
2017/07/05 Python
聊聊Python中的pypy
2018/01/12 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
Flask框架信号用法实例分析
2018/07/24 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物