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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
用 Javascript 验证表单(form)中的单选(radio)值
Sep 08 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
Mar 01 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
浅谈JavaScript 代码整洁之道
Oct 23 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
vue封装数字翻牌器
Apr 20 Vue.js
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(4) php 函数 补充2
2010/02/15 PHP
JavaScript与函数式编程解释
2007/04/27 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
javascript基于HTML5 canvas制作画箭头组件
2014/06/25 Javascript
js实现获取焦点后光标在字符串后
2014/09/17 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
JS中作用域和变量提升(hoisting)的深入理解
2016/10/31 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
2018/07/13 Javascript
微信小程序实现跑马灯效果
2020/10/21 Javascript
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
写了个监控nginx进程的Python脚本
2012/05/10 Python
Python语言描述连续子数组的最大和
2018/01/04 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
台湾母婴用品购物网站:Infant婴之房
2018/06/15 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
为什么会有内存对齐
2016/10/10 面试题
什么是命名空间(NameSpace)
2015/11/24 面试题
某同学的自我鉴定范文
2013/12/26 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
重点工程汇报材料
2014/08/27 职场文书
茶楼服务员岗位职责
2015/02/09 职场文书
重阳节慰问信
2015/02/15 职场文书
2015年感恩节演讲稿(优选篇)
2015/03/20 职场文书
2015年国庆节活动总结
2015/03/23 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
公文写作:新员工转正申请书范本3篇!
2019/08/07 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书
win11开机发生死循环重启怎么办?win11开机发生死循环重启解决方法
2022/08/05 数码科技