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 相关文章推荐
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
Apr 07 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
Echarts实现单条折线可拖拽效果
Dec 19 Javascript
JS Web Flex弹性盒子模型代码实例
Mar 10 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 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
Ajax PHP简单入门教程代码
2008/04/25 PHP
PHP数组及条件,循环语句学习
2012/11/11 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
js下用层来实现select的title提示属性
2010/02/23 Javascript
jquery实现动态画圆
2014/12/04 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
原生js实现秒表计时器功能
2017/02/16 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
2019/10/11 Javascript
vue之延时刷新实例
2019/11/14 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
Python中针对函数处理的特殊方法
2014/03/06 Python
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
python 实现查询Neo4j多节点的多层关系
2019/12/23 Python
Python tornado上传文件的功能
2020/03/26 Python
使用Python操作MySQL的小技巧
2020/09/10 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
社区学习十八大感想
2014/01/22 职场文书
干部现实表现材料
2014/02/13 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
酒店开业庆典策划方案
2014/05/28 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python
解决Redis启动警告问题
2022/02/24 Redis
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang