首頁 >web前端 >js教程 >AngularJS表達式如何使用? angularjs的表達式的使用詳解

AngularJS表達式如何使用? angularjs的表達式的使用詳解

寻∝梦
寻∝梦原創
2018-09-08 14:49:311205瀏覽

本篇文章主要的講述關於angularjs的表達式的使用詳情,還有angularjs的數字、數組、字串的使用,下面就讓我們一起來看這篇文章

AngularJS 表達式:

AngularJS 使用 表達式 把資料綁定到HTML 。

AngularJS 表達式寫在雙大括號內:{{ expression }}

AngularJS 運算式將資料綁定到 HTML,這與 ng-bind 指令有異曲同工之妙。

AngularJS 將在表達式書寫的位置"輸出"資料。

AngularJS 表達式 很像 JavaScript 表達式:它們可以包含文字、運算子和變數。

實例{{ 5 5 }} 或{{ firstName " " lastName }}

AngularJS 數字

AngularJS 數字就像JavaScript 數字:

AngularJS 實例



總價: {{ quantity * cost }}


#使用ng-bind 的相同實例:

AngularJS 實例


##

總價: < ;/p>


AngularJS表達式如何使用? angularjs的表達式的使用詳解 使用 ng-init 不是很常見。您將在控制器一章中學習到一個更好的初始化資料的方式。

AngularJS 字串

AngularJS 字串就像JavaScript 字串:

AngularJS 實例



姓名: { { firstName " " lastName }}


使用ng-bind 的相同實例:


#AngularJS 實例



姓名:


(想看更多就到PHP中文網AngularJS開發手冊中學習)

#AngularJS 物件:

AngularJS 物件就像JavaScript 物件:

AngularJS 實例



姓為{{ person.lastName }}


使用ng-bind 的相同實例:


AngularJS 實例


##

姓為



試試看 »


AngularJS 陣列

AngularJS 陣列就像 JavaScript 陣列:

AngularJS 實例



第三個值為{{ points[2] }}


使用ng-bind 的相同實例:


#AngularJS 實例


##

第三個值為



AngularJS 表達式與JavaScript 表達式

類似於JavaScript 表達式,AngularJS 表達式可以包含字母,操作符,變數。

與 JavaScript 運算式不同,AngularJS 運算式可以寫在 HTML 中。

與 JavaScript 表達式不同,AngularJS 表達式不支援條件判斷,循環及異常。

與 JavaScript 表達式不同,AngularJS 表達式支援過濾器。

這篇文章到這就結束了(想看更多就到PHP中文網

AngularJS使用手冊中學習),有問題的可以在下方留言提問。

以上是AngularJS表達式如何使用? angularjs的表達式的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn