Angular.js中window.onload(),$(document).ready()的寫法淺析
一,問題發(fā)現(xiàn):
最近公司有個微信公眾號項目,為了方便直接使用anular.js+ionic進行開發(fā),里面有使用到echarts圖表,具體開發(fā)中發(fā)現(xiàn)echarts在初始化綁定圖表的DOM節(jié)點時,一直提示該節(jié)點不合法;可是明明已經(jīng)把代碼寫在了window.onload()中了,又改成$(function(){})結(jié)果還是不行.
二,解決方案
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>
首先控制器中綁定對應(yīng)的函數(shù)
$scope.load = function() { alert('加載完畢'); }
總結(jié)
以上所述是小編給大家介紹的Angular.js中window.onload(),$(document).ready()的寫法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Angular自定義組件實現(xiàn)數(shù)據(jù)雙向數(shù)據(jù)綁定的實例
下面小編就為大家分享一篇Angular自定義組件實現(xiàn)數(shù)據(jù)雙向數(shù)據(jù)綁定的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12Angular4實現(xiàn)圖片上傳預覽路徑不安全的問題解決
這篇文章主要給大家介紹了關(guān)于Angular4實現(xiàn)圖片上傳預覽路徑不安全問題的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧。2017-12-12詳解JavaScript的AngularJS框架中的表達式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達式與指令,文中羅列了幾個常用的指令屬性加以說明,需要的朋友可以參考下2016-03-03體驗jQuery和AngularJS的不同點及AngularJS的迷人之處
AngualrJS是一個很貼心的web應(yīng)用框架,本篇通過jQuery和Angular兩種方式來實現(xiàn)同一個實例,從而體驗兩者的不同點以及AngularJS的迷人之處2016-02-02