Angular.js中window.onload(),$(document).ready()的寫(xiě)法淺析
更新時(shí)間：2017年09月28日 16:38:20 作者：css_666
這篇文章主要介紹了Angular.js中window.onload(),$(document).ready()的寫(xiě)法淺析,需要的朋友可以參考下
一,問(wèn)題發(fā)現(xiàn):
最近公司有個(gè)微信公眾號(hào)項(xiàng)目,為了方便直接使用anular.js+ionic進(jìn)行開(kāi)發(fā),里面有使用到echarts圖表,具體開(kāi)發(fā)中發(fā)現(xiàn)echarts在初始化綁定圖表的DOM節(jié)點(diǎn)時(shí),一直提示該節(jié)點(diǎn)不合法;可是明明已經(jīng)把代碼寫(xiě)在了window.onload()中了,又改成$(function(){})結(jié)果還是不行.
二,解決方案
1使用angular.element
<script type="text/javascript">
angular.element(window).bind('load', function() {
alert("加載完畢");
});
alert("00");
</script>
如果項(xiàng)目中有使用jquery則也可以
angular.element(document).ready(function () {
alert("加載完畢");
});
2使用$watch
$scope.$watch('$viewContentLoaded', function() {
alert("加載完畢");
});
2使用data-ng-init
首先在頁(yè)面上綁定data-ng-init
<div > <div data-ng-init="load()" ></div> </div>
首先控制器中綁定對(duì)應(yīng)的函數(shù)
$scope.load = function() {
alert('加載完畢');
}
總結(jié)
以上所述是小編給大家介紹的Angular.js中window.onload(),$(document).ready()的寫(xiě)法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Angular本身監(jiān)督所有Angular組件和指令的生命周期 。為了在開(kāi)發(fā)應(yīng)用程序時(shí)順利進(jìn)行，您必須了解結(jié)果的生命周期。組件是任何Angular應(yīng)用程序的主要構(gòu)建塊。因此，必須了解它們才能理解組件生命周期的處理步驟。只有這樣才能在應(yīng)用程序的開(kāi)發(fā)中實(shí)現(xiàn)。2021-05-05
Angular設(shè)置title信息解決SEO方面存在問(wèn)題
爬蟲(chóng)在檢索seo信息的時(shí)候會(huì)讀不了js給其賦的值，導(dǎo)致搜索引擎收錄不了或者收錄了無(wú)效的信息,下面本文給大家介紹Angular設(shè)置title信息解決SEO方面存在問(wèn)題,需要的朋友可以參考下2016-08-08
下面小編就為大家?guī)?lái)一篇AngularJS中的指令全面解析(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了Angular2 路由問(wèn)題修復(fù)詳解的相關(guān)資料,并建了一個(gè)測(cè)試工程，把詳細(xì)的過(guò)程分享給大家，需要的朋友可以參考下2017-03-03
AngularJS API之copy深拷貝詳解及實(shí)例
這篇文章主要介紹了AngularJS API之copy深拷貝詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-09-09
AngularJS提供了過(guò)濾器來(lái)對(duì)輸入輸出數(shù)據(jù)格式化。這篇文章主要介紹了Angularjs過(guò)濾器使用的相關(guān)資料,需要的朋友可以參考下2016-05-05
今天小編就為大家分享一篇對(duì)angular4子路由&輔助路由詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
angular項(xiàng)目中bootstrap-datetimepicker時(shí)間插件的使用示例
這篇文章主要介紹了angular項(xiàng)目中bootstrap-datetimepicker時(shí)間插件的使用示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Angular 利用路由跳轉(zhuǎn)到指定頁(yè)面的指定位置方法
今天小編就為大家分享一篇Angular 利用路由跳轉(zhuǎn)到指定頁(yè)面的指定位置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
今天小編就為大家分享一篇angularJS1 url中攜帶參數(shù)的獲取方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10