2.1 AngularJS雙向數據綁定

數據綁定是AngularJS框架在視圖（DOM元素）與作用域之間建立的數據同步機制。所謂“雙向”，是指界面的操作能夠實時同步到作用域中，作用域中的數據修改也能夠實時回顯到界面中。

作用域可以被視為一個容器，里面有一些基于key-value的數據。假如在視圖中有兩個輸入框，輸入框的name屬性分別為uname和pword，如圖2.1所示。為了和表單元素建立數據綁定，AngularJS會在作用域中添加兩個對應的屬性，假如名稱也為uname和pword。當用戶輸入內容發生變化時，AngularJS框架就把表單內容同步到作用域中對應的變量中，而當我們改變作用域中的變量值時，AngularJS又會把修改后的變量值同步到表單中，這就是AngularJS的雙向數據綁定。

圖2.1 AngularJS雙向數據綁定圖解