当前位置:首页 > 日记 > 正文

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

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

一,问题发现:

最近公司有个微信公众号项目,为了方便直接使用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()的写法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

深入理解Vue2.x的虚拟DOM diff原理

深入理解Vue2.x的虚拟DOM diff原理

虚拟,原理,电脑软件,diff,DOM,前言经常看到讲解Vue2的虚拟Dom diff原理的,但很多都是在原代码的基础上添加些注释等等,这里从0行代码开始实现一个Vue2的虚拟DOM实现VNodesrc/core/vdom/Vnode.jsexport class VNode{ constructor ( tag, //标…

微信小程序实现实时圆形进度条的方

微信小程序实现实时圆形进度条的方

方法,实时,圆形进度条,示例,程序,前言最近工作中为了做一个录制按钮,研究了下小程序的实时圆形进度条实现,下面这篇文章就来给大家详细的介绍了实现的方法示例,废话不多说,先来看看效果图吧。效果图如下初始状态点击中间按钮开始绘制绘制过程绘…

Vue开发过程中遇到的疑惑知识点总

Vue开发过程中遇到的疑惑知识点总

知识点,过程中,疑惑,电脑软件,Vue,前言Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。最近终于有时间空下来,…

ps如何进行抠图更换背景

ps如何进行抠图更换背景

抠图,方法,背景,电脑软件,ps,  如果图片的背景需要更换,大家可以使用ps来抠图再换背景。其实这个也不算太难,下面就让小编告诉你ps如何进行抠图更换背景的方法,一起学习吧。ps进行抠图更换背景的方法首先第一步抠图1、打开PS软件,在PS界面里…

浅谈JavaScript异步编程

浅谈JavaScript异步编程

异步编程,浅谈,电脑软件,JavaScript,在一年前初学js的时候,看过很多关于异步编程的讲解。但是由于实践经验少,没有办法理解的太多,太理论的东西也往往是看完就忘。经过公司的三两个项目的锻炼,终于对js异步编程有了比较具体的理解。但始终入门…

js判断是否是手机页面

js判断是否是手机页面

手机页面,判断是否,电脑软件,js,话不多说,请看代码:<script>if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) document.body.classList.add('mobile');window.addEventListener('load', function(eve…

excel 用函数开平方的教程

excel 用函数开平方的教程

教程,函数,开平,电脑软件,excel,  Excel中如何利用函数进行开平方操作呢?接下来是小编为大家带来的excel 用函数开平方的教程,供大家参考。excel 用函数开平方的教程(一)步骤:比如求 A1单元格 的算术平方根,只需在 B1单元格 输入公式"=powe…

Javascript仿京东放大镜的效果

Javascript仿京东放大镜的效果

京东,效果,电脑软件,Javascript,随便找一个图片吧。小伙伴们,想怎么玩就怎么玩(注意路径),亲自测试,绝对没问题。话不多说,请看代码:<html><head><meta charset="utf-8"><style type="text/css">body,div{margin: 0; padding: 0;}#zhuti{ marg…

Vue监听数组变化源码解析

Vue监听数组变化源码解析

数组,源码,电脑软件,Vue,上一篇的代码中,忽略了对数组的处理,只关心了需要关心的部分,假装数组不存在。这一篇开始考虑数组的问题。从最简单的入手先考虑一个问题,如何监听数组中的对象变化?忽略掉数组本身及其中的一般值,只考虑对象数组中的对象…

怎么设置PPT多影片播放效果

怎么设置PPT多影片播放效果

设置,影片,效果,多图,电脑软件,  在PPT幻灯片的制作过程中,经常需要在一张幻灯片上摆放多张图片、照片,但是空间有限,无法在一张幻灯片排放多张大的图片。以下是小编为您带来的关于设置PPT多图片影片播放效果,希望对您有所帮助。设置PPT多图…

JavaScript获取URL参数的方法之一

JavaScript获取URL参数的方法之一

方法,参数,电脑软件,JavaScript,URL,若地址栏URL为:abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1<script> //JavaScript获取url,并把url中的参数变成数组的方法,arr数组的值就是各参数值 var url = window.document.locati…

word2010如何使用插入对象功能将文

word2010如何使用插入对象功能将文

对象,文件,文档,功能,如何使用,  word2010中插入对象功能想必大家都有所接触过吧。在Word2010文档中,用户可以将整个文件作为对象插入到当前文档中。此功能有一个好处就是嵌入到Word2010文档中的文件对象可以使用原始程序进行编辑。以下是…