文章出處

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

不僅值可以注入,包括工廠、服務、常量都是可以注入的。

簡單示例:


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()