AngularJS教程三——表示式
AngularJS 表示式
AngularJS 使用 表示式 把資料繫結到 HTML。
- AngularJS 表示式寫在雙大括號內:
{{ expression }}
。 - AngularJS 表示式把資料繫結到 HTML,這與
ng-bind
指令有異曲同工之妙。 - AngularJS 將在表示式書寫的位置"輸出"資料。
AngularJS 表示式 很像 JavaScript 表示式:它們可以包含文字、運算子和變數。
例項 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 數字
<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 不是很常見,一般通過控制器controller來初始化
AngularJS 字串
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: {{ firstName + " " + lastName }}</p>
</div>
AngularJS 物件
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓為 {{ person.lastName }}</p>
</div>
AngularJS 陣列
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三個值為 {{ points[2] }}</p>
</div>
AngularJS 表示式 與 JavaScript 表示式
- 類似於 JavaScript 表示式,AngularJS 表示式可以包含字母,操作符,變數。
- 與 JavaScript 表示式不同,AngularJS 表示式可以寫在 HTML 中。
- 與 JavaScript 表示式不同,AngularJS 表示式不支援條件判斷,迴圈及異常。
- 與 JavaScript 表示式不同,AngularJS 表示式支援過濾器。
相關文章
- JavaFX教程-表示式Java
- 三目表示式
- 正規表示式 教程
- JavaFX教程-範圍表示式Java
- AngularJS教程AngularJS
- Swift 正規表示式完整教程Swift
- 正規表示式簡明教程
- Omi教程 - 傳遞javascript表示式JavaScript
- 另一個Lambda表示式教程
- Linq教程之Lambda表示式
- JavaFX教程-字串和字串表示式Java字串
- 正規表示式筆記(三)筆記
- JavaFX教程-函式、陣列、表示式和操作Java函式陣列
- (一) 爬蟲教程 |正規表示式爬蟲
- 正規表示式完整教程(略長)
- 正規表示式教程——語法篇
- 正規表示式(三):pythonre模組Python
- angularJs入門教程AngularJS
- JS正規表示式完整教程(略長)JS
- 兄弟連go教程(10)表示式 - 控制流Go
- python -三元表示式、列表生成式、字典生成式Python
- AngularJS 4(三)【指令】AngularJS
- python if三元表示式如何使用Python
- 偽三元表示式 效能分析案例
- 三、資料型別和表示式二資料型別
- [.net 物件導向程式設計進階] (4) 正規表示式 (三) 表示式助手物件程式設計
- AngularJS教程五—— 服務AngularJS
- AngularJS教程七—— 框架概述AngularJS框架
- AngularJS教程八—— 表格DataTablesAngularJS
- 正規表示式教程之位置匹配詳解
- 兄弟連go教程(9)表示式-初始化Go
- 正規表示式30分鐘入門教程
- 遞迴、三元表示式、生成式(列表,字典)、匿名函式遞迴函式
- AngularJS 的常用特性(三)AngularJS
- 正規表示式視訊教程免費下載
- JS基礎教程——正規表示式示例(推薦)JS
- 《MySQL 入門教程》第 20 篇 通用表表示式MySql
- 兄弟連go教程(8)表示式--保留字;運算子Go