angular的雙向資料繫結，個人理解是，通過model建立資料模型，那麼視圖上的資料就會對應儲存在angular程式裡，視圖上的資料變化會同步到model，model的資料改變也會同步到視圖。
下面的demo示範：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello, AngularJS!</title> <script src="angular.js"></script></head><body> <div ng-app> <!-- ng-model指令將表單的value綁定到model的username變數--> <input ng-model="username" type="text" placeholder="請輸入..."> <p>Hello, <strong>{{username}}</strong>!</p> </div></body></html>
運行結果：程式運行後，在輸入框輸入文字，下面會與輸入框內容同步變化。是不是很驚奇！以前需要寫一大段js代碼的事情（監聽onchange事件，將input的value賦給下面的strong元素），現在只用一個ng-model指令就完成了。Perferct!
案例詳解：
1. ng-model指令的作用：建立資料模型，在模型中對應有一個變數username用來存放input元素的value；
2. {{username}}是一個運算式，angular會自動計算該運算式，替換成相應的值。
3. 手動輸入文字，input元素的value發生變化，自動同步到model的usename變數，{{username}}是從模型中讀username的值，因此下面strong元素的內容跟著變了。
同步資料是angular幫我們完成的。
感謝閱讀，希望能協助到大家，謝謝大家對本站的支援！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
