Angular開發者指南（三）數據綁定

數據綁定
AngularJS應用程序中的數據綁定是模型和視圖組件之間的數據的自動同步。 AngularJS實現數據綁定的方式能夠將模型視爲應用程序中的單一來源。 視圖是模型在任什麼時候候的投影。 當模型更改時，視圖反映更改，反之亦然。
經典模板系統中的數據綁定

大多數模板系統僅在一個方向綁定數據：它們將模板和模型組件合併到一個視圖中。 在合併發生後，對視圖的模型或相關部分的更改不會自動反映在視圖中。 更糟的是，用戶對視圖所作的任何更改都不會反映在模型中。 這意味着開發人員必須編寫代碼來不斷地同步視圖與模型和模型與視圖。
AngularJS模板中的數據綁定

AngularJS模板工做方式不一樣。 首先，模板（它是未編譯的HTML以及任何其餘標記或指令）在瀏覽器上編譯。 編譯步驟生成實時視圖。 對視圖的任何更改都會當即反映在模型中，而且模型中的任何更改都會傳播到視圖。 該模型是應用程序狀態的單一真實來源，大大簡化了開發人員的編程模型。 你能夠認爲視圖只是模型的即時投影。
由於視圖只是模型的投影，因此控制器與視圖徹底分離，而且不知道它。 這使得測試成爲一個快照，由於它很容易在沒有視圖和相關的DOM /瀏覽器依賴關係的狀況下單獨測試您的控制器。