AngularJS 數據綁定

時間 2019-11-24

原文原文鏈接

上面實例中的 {{ firstName }} 表達式是一個 AngularJS 數據綁定表達式。html

AngularJS 中的數據綁定，同步了 AngularJS 表達式與 AngularJS 數據。app

{{ firstName }} 是經過 ng-model="firstName" 進行同步。spa

在下一個實例中，兩個文本域是經過兩個 ng-model 指令同步的：code

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
</head>
<body>

<div data-ng-app="" data-ng-init="quantity=1;price=5">

<h2>價格計算器</h2>

數量: <input type="number" ng-model="quantity">
價格: <input type="number" ng-model="price">

<p><b>總價:</b> {{quantity * price}}</p>

</div>

</body>
</html>

相關標籤/搜索