脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → angular.js中window.onload(),$(document).ready()的写法

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

 更新时间：2017年09月28日 16:38:20   作者：css_666  
这篇文章主要介绍了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自定义组件实现数据双向数据绑定的实例

    Angular自定义组件实现数据双向数据绑定的实例

    下面小编就为大家分享一篇Angular自定义组件实现数据双向数据绑定的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • Angularjs的启动过程分析

    Angularjs的启动过程分析

    本篇文章主要介绍了Angularjs的启动过程分析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • Angular4实现图片上传预览路径不安全的问题解决

    Angular4实现图片上传预览路径不安全的问题解决

    这篇文章主要给大家介绍了关于Angular4实现图片上传预览路径不安全问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧。
    2017-12-12
  • 快速学习AngularJs HTTP响应拦截器

    快速学习AngularJs HTTP响应拦截器

    任何时候，如果我们想要为请求添加全局功能，例如身份认证、错误处理等，在请求发送给服务器之前或服务器返回时对其进行拦截，是比较好的实现手段
    2015-12-12
  • Angular中SASS样式的详细使用教程

    Angular中SASS样式的详细使用教程

    对于一个Sass用户,只需要理解Sass扩展部分如何工作的,就能完全理解SCSS,下面这篇文章主要给大家介绍了关于Angular中SASS样式的详细使用教程,需要的朋友可以参考下
    2022-05-05
  • ng-zorro-antd 入门初体验

    ng-zorro-antd 入门初体验

    这篇文章主要介绍了ng-zorro-antd 入门初体验，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • 初识angular框架后的所思所想

    初识angular框架后的所思所想

    这篇文章主要介绍了初识angular框架后的所思所想,学习认识angular后的一些个人问题总结，需要的朋友可以参考下
    2016-02-02
  • Angularjs 制作购物车功能实例代码

    Angularjs 制作购物车功能实例代码

    这篇文章主要介绍了Angularjs 制作购物车功能实例代码的相关资料,并附示例代码，需要的朋友可以参考下
    2016-09-09
  • 详解JavaScript的AngularJS框架中的表达式与指令

    详解JavaScript的AngularJS框架中的表达式与指令

    这篇文章主要介绍了JavaScript的AngularJS框架中的表达式与指令,文中罗列了几个常用的指令属性加以说明,需要的朋友可以参考下
    2016-03-03
  • 体验jQuery和AngularJS的不同点及AngularJS的迷人之处

    体验jQuery和AngularJS的不同点及AngularJS的迷人之处

    AngualrJS是一个很贴心的web应用框架，本篇通过jQuery和Angular两种方式来实现同一个实例，从而体验两者的不同点以及AngularJS的迷人之处
    2016-02-02

最新评论