Angular.js中window.onload(),$(document).ready()的寫法淺析
更新時間：2017年09月28日 16:38:20 作者：css_666
這篇文章主要介紹了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(){})結果還是不行.
二,解決方案
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>
首先控制器中綁定對應的函數(shù)
$scope.load = function() {
alert('加載完畢');
}
總結
以上所述是小編給大家介紹的Angular.js中window.onload(),$(document).ready()的寫法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
Angular本身監(jiān)督所有Angular組件和指令的生命周期 。為了在開發(fā)應用程序時順利進行，您必須了解結果的生命周期。組件是任何Angular應用程序的主要構建塊。因此，必須了解它們才能理解組件生命周期的處理步驟。只有這樣才能在應用程序的開發(fā)中實現(xiàn)。2021-05-05
爬蟲在檢索seo信息的時候會讀不了js給其賦的值，導致搜索引擎收錄不了或者收錄了無效的信息,下面本文給大家介紹Angular設置title信息解決SEO方面存在問題,需要的朋友可以參考下2016-08-08
下面小編就為大家?guī)硪黄狝ngularJS中的指令全面解析(必看)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了Angular2 路由問題修復詳解的相關資料,并建了一個測試工程，把詳細的過程分享給大家，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了AngularJS API之copy深拷貝詳解及實例的相關資料,需要的朋友可以參考下2016-09-09
AngularJS提供了過濾器來對輸入輸出數(shù)據(jù)格式化。這篇文章主要介紹了Angularjs過濾器使用的相關資料,需要的朋友可以參考下2016-05-05
今天小編就為大家分享一篇對angular4子路由&輔助路由詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
angular項目中bootstrap-datetimepicker時間插件的使用示例
這篇文章主要介紹了angular項目中bootstrap-datetimepicker時間插件的使用示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
Angular 利用路由跳轉(zhuǎn)到指定頁面的指定位置方法
今天小編就為大家分享一篇Angular 利用路由跳轉(zhuǎn)到指定頁面的指定位置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
今天小編就為大家分享一篇angularJS1 url中攜帶參數(shù)的獲取方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10