angular 隨手記

AngularJs 學習筆記


簡單的數據綁定

<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<title>hello world</title>
<script src="js/angular.min.js"></script>
</head>
<body>
<!--數據綁定-->
    <input ng-model="name" type="text" placeholder="your name" />
    <h3>hello {{name}}</h3>
</body>
</html>

解釋

使用 ng-model 指令將內部數據模型對象( $scope )中的 name屬性綁定到了文本輸入字段上。

數據模型對象(model object)是指 scope $scope 對象是一個簡單的JavaScript對象,其中的屬性可以被視圖訪問,也可以同控制器進行交互。如果 不理解這個概念也沒有關係,後面的例子將會對這個概念進行詳細說明。
雙向數據綁定(bi-directional)意味着如果視圖改變了某個值,數據模型會通過髒檢查觀察到這個變化,而如果數據模型改變了某個值,視圖也會依據變化重新渲染。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章