文章出處
文章列表
angularjs是一個為動態web應用設計的結構框架,它是為了克服html在構建應用上的不足而設計的。
工作原理:
1 加載html,然后解析成DOM;
2 加載angular.js腳本;
3 AngularJS等待DOMContentLoaded事件的觸發;
4 AngularJS尋找ng-app指令,根據這個指令確定應用程序的邊界;
5 使用ng-app中指定的模塊配置$injector;
6 使用$injector創建$compile服務和$rootScope;
7 使用$compile服務編譯DOM并把它鏈接到$rootScope上;
8 ng-init指令對scope里面的變量name進行賦值;
9 對表達式{{name}}進行替換,于是乎,顯示value
兩大特性:數據雙向綁定、依賴注入;
依賴注入:Controllers舉例:
1.簡單注入:
AngularJs會掃描function的參數,提取參數的名稱(name)作為function的依賴,
所以這種方式要求保證參數名稱的正確性,但對參數的順序并沒有要求;
但是這種注入方式有一個問題,當我們將項目發布到正式環境時都會壓縮我們的代碼,這時function的參數可能會變成a,b,這就會導致我們的代碼出現問題,下面兩種注入方式可以幫我們解決這個問題。
2.數組注入
3.顯示調用function的$inject
不僅值可以注入,包括工廠、服務、常量都是可以注入的。
簡單示例:
文章列表
全站熱搜