本文實例講述了AngularJS資料綁定用法。分享給大家供大家參考,具體如下:
這個範例非常簡單,我們先在瀏覽器中運行一下看看效果。
當我們在文字方塊中輸入資訊後,我們輸入的資訊會動態的回顯到頁面中。
在這個例子中我們使用到了AngularJs的另一個內建指令ng-model,它表示我們在模型資料物件($scope)中新增一個名為」name」的屬性,並將它和文字方塊物件進行綁定。這表示不管我們在文字方塊中輸入什麼,都會同步到這個」name」屬性中,AngularJs會監聽表單物件相關事件,所以回顯內容會隨著文字方塊的輸入而改變。
要注意的是ng-model只能用在表單元素標籤。
AngularJS原始碼可點選此處本站下載。
希望本文所述對大家AngularJS程式設計有所幫助。
更多AngularJS入門教程之資料綁定用法範例相關文章請關注PHP中文網!