表達式
AngularJS 表達式
AngularJS 表達式可以寫在雙大括號內(nèi)：{{ expression }}。
AngularJS 表達式也可以寫在指令內(nèi)：ng-bind="expression"。
AngularJS 會解析表達式，并在寫表達式的位置返回結(jié)果。
AngularJS 表達式很像 JavaScript 表達式：它們可以包含字面量、運算符和變量。
Example {{ 5 + 5 }} or {{ firstName + " " + lastName }}
實例
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
<p>我的第一個表達式：{{ 5 + 5 }}</p>
</div>
</body>
</html>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
如果移除了 ng-app 指令，HTML 將原樣顯示表達式，不會對其進行解析：
實例
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div>
<p>我的第一個表達式：{{ 5 + 5 }}</p>
</div>
</body>
</html>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
您可以在喜歡的任何位置編寫表達式，AngularJS 會簡單地解析表達式并返回結(jié)果。
示例：讓 AngularJS 更改 CSS 屬性的值。
通過更改其值來改變下面輸入框的顏色：
淺藍色實例
<div ng-app="" ng-init="myCol='lightblue'">
<input style="background-color:{{myCol}}" ng-model="myCol">
</div>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
AngularJS 數(shù)字
AngularJS 數(shù)字就像 JavaScript 數(shù)字：
實例
<div ng-app="" ng-init="quantity=1;cost=5">
<p>總金額（美元）：{{ quantity * cost }}</p>
</div>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
使用 ng-bind 的相同例子：
實例
<div ng-app="" ng-init="quantity=1;cost=5"> <p>總金額（美元）：<span ng-bind="quantity * cost"></span></p> </div>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
使用 ng-init 并不常見。您將在關(guān)于控制器的章節(jié)中學(xué)習(xí)初始化數(shù)據(jù)的更好方法。
AngularJS 字符串
AngularJS 字符串就像 JavaScript 字符串：
實例
<div ng-app="" ng-init="firstName='Bill';lastName='Gates'">
<p>名字是 {{ firstName + " " + lastName }}</p>
</div>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
使用 ng-bind 的相同示例：
實例
<div ng-app="" ng-init="firstName='Bill';lastName='Gates'"> <p>名字是 <span ng-bind="firstName + ' ' + lastName"></span></p> </div>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
AngularJS 對象
AngularJS 對象就像 JavaScript 對象：
實例
<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>名字是 {{ person.lastName }}</p>
</div>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
使用 ng-bind 的相同示例：
實例
<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>名字是 <span ng-bind="person.lastName"></span></p>
</div>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
AngularJS 數(shù)組
AngularJS 數(shù)組就像 JavaScript 數(shù)組：
實例
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>The third result is {{ points[2] }}</p>
</div>
運行實例 ?點擊 "運行實例" 按鈕查看在線實例
使用 ng-bind 的相同示例：
實例
<div ng-app="" ng-init="points=[1,15,19,2,40]"> <p>The third result is <span ng-bind="points[2]"></span></p> </div>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
AngularJS 表達式與 JavaScript 表達式
與 JavaScript 表達式類似，AngularJS 表達式可以包含字面量、運算符和變量。
與 JavaScript 表達式不同，AngularJS 表達式可以寫在 HTML 內(nèi)部。
AngularJS 表達式不支持條件語句、循環(huán)和異常，而 JavaScript 表達式則支持。
AngularJS 表達式支持過濾器，而 JavaScript 表達式則不支持。
在我們的 JavaScript 教程中了解有關(guān) JavaScript 的信息。