本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答
