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()的写法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
解决angular双向绑定无效果,ng-model不能正常显示的问题
今天小编就为大家分享一篇解决angular双向绑定无效果,ng-model不能正常显示的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10Angular限制input框输入金额(是小数的话只保留两位小数点)
最近做项目遇到这样的需求输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码,需要的的朋友参考下吧2017-07-07AngularJs bootstrap搭载前台框架——基础页面
本文主要介绍AngularJs bootstrap搭载前台框架基础页面的建设,这里整理饿了相关资料及实现实例代码,有兴趣的小伙伴可以参考下2016-09-09angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
这篇文章主要介绍了angularjs通过ng-change和watch两种方式实现对表单输入改变的监控,需要的朋友可以参考下2018-08-08
最新评论