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自定義組件實(shí)現(xiàn)數(shù)據(jù)雙向數(shù)據(jù)綁定的實(shí)例
下面小編就為大家分享一篇Angular自定義組件實(shí)現(xiàn)數(shù)據(jù)雙向數(shù)據(jù)綁定的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
本篇文章主要介紹了Angularjs的啟動(dòng)過(guò)程分析，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
Angular4實(shí)現(xiàn)圖片上傳預(yù)覽路徑不安全的問(wèn)題解決
這篇文章主要給大家介紹了關(guān)于A(yíng)ngular4實(shí)現(xiàn)圖片上傳預(yù)覽路徑不安全問(wèn)題的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
快速學(xué)習(xí)AngularJs HTTP響應(yīng)攔截器
任何時(shí)候，如果我們想要為請(qǐng)求添加全局功能，例如身份認(rèn)證、錯(cuò)誤處理等，在請(qǐng)求發(fā)送給服務(wù)器之前或服務(wù)器返回時(shí)對(duì)其進(jìn)行攔截，是比較好的實(shí)現(xiàn)手段2015-12-12
對(duì)于一個(gè)Sass用戶(hù),只需要理解Sass擴(kuò)展部分如何工作的,就能完全理解SCSS,下面這篇文章主要給大家介紹了關(guān)于A(yíng)ngular中SASS樣式的詳細(xì)使用教程,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了ng-zorro-antd 入門(mén)初體驗(yàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
這篇文章主要介紹了初識(shí)angular框架后的所思所想,學(xué)習(xí)認(rèn)識(shí)angular后的一些個(gè)人問(wèn)題總結(jié)，需要的朋友可以參考下2016-02-02
Angularjs 制作購(gòu)物車(chē)功能實(shí)例代碼
這篇文章主要介紹了Angularjs 制作購(gòu)物車(chē)功能實(shí)例代碼的相關(guān)資料,并附示例代碼，需要的朋友可以參考下2016-09-09
詳解JavaScript的AngularJS框架中的表達(dá)式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達(dá)式與指令,文中羅列了幾個(gè)常用的指令屬性加以說(shuō)明,需要的朋友可以參考下2016-03-03
體驗(yàn)jQuery和AngularJS的不同點(diǎn)及AngularJS的迷人之處
AngualrJS是一個(gè)很貼心的web應(yīng)用框架，本篇通過(guò)jQuery和Angular兩種方式來(lái)實(shí)現(xiàn)同一個(gè)實(shí)例，從而體驗(yàn)兩者的不同點(diǎn)以及AngularJS的迷人之處2016-02-02