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 相关文章推荐
JavaScript使用prototype定义对象类型(转)[
Dec 22 Javascript
JavaScript 不只是脚本
May 30 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
js动态控制table的tr、td增加及删除的具体实现
Apr 30 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
对Angular中单向数据流的深入理解
Mar 31 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
ES6 Array常用扩展的应用实例分析
Jun 26 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 28 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模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
如何实现JS函数的重载
2006/09/22 Javascript
js宝典学习笔记(上)
2007/01/10 Javascript
动态刷新 dorado树的js代码
2009/06/12 Javascript
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
JS倒计时代码汇总
2014/11/25 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
2015/03/03 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
学习javascript面向对象 理解javascript原型和原型链
2016/01/04 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
JavaScript面向对象编写购物车功能
2016/08/19 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
Bootstrap布局之栅格系统学习笔记
2017/05/04 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
Vue使用Proxy代理后仍无法生效的解决
2020/11/13 Javascript
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
python 常见的反爬虫策略
2020/09/27 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
2013/01/06 HTML / CSS
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
计算机本科生自荐信
2013/10/15 职场文书
党员干部承诺书范文
2014/03/25 职场文书
新郎答谢词
2015/01/04 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang
MySQL kill不掉线程的原因
2021/05/07 MySQL
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript