本文執行個體講述了AngularJS資料繫結用法。分享給大家供大家參考，具體如下：
資料繫結是AngularJS中非常重要的特性，我們看一下下面的例子：
<!DOCTYPE html><html ng-app><head lang="en"> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.14/angular.js"></script> <title>tutorial02</title></head><body><div> 使用者名稱：<input type="text" ng-model="name" placeholder="使用者名稱"/> 密碼：<input type="password" ng-model="pword" placeholder="密碼"/> <p>您輸入的使用者名稱：{{name}}</p> <p>您輸入的密碼：{{pword}}</p></div></body></html>
這個例子非常簡單，我們先在瀏覽器中運行一下看看效果。
當我們在文字框中輸入資訊後，我們輸入的資訊會動態回顯到頁面中。
在這個例子中我們使用到了AngularJs的另一個內建指令ng-model,它表示我們在模型資料對象（$scope）中添加一個名為”name”的屬性，並將它和文字框對象進行綁定。這意味著不管我們在文字框中輸入什麼，都會同步到這個”name”屬性中，AngularJs會監聽表單對象相關事件，所以回顯內容會隨著文字框的輸入而改變。
需要注意的是ng-model只能用在表單元素標籤中。
AngularJS源碼可點擊此處本站下載。
希望本文所述對大家AngularJS程式設計有所協助。
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
