AngularJS 表達式與ng-bind


初學 多看語法的具體表現  有助於理解 與實際應用

AngularJS 表達式

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

AngularJS 表達式把數據綁定到 HTML,這與 ng-bind 指令有異曲同工之妙。

AngularJS 將在表達式書寫的位置"輸出"數據。

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

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

1.數字

總價: {{ quantity * cost }}

2.字符串 

{{ firstName + " " + lastName }}

3.對象

{{ person.lastName }}

4.數組

{{ points[2] }}

------ng-bind-----相同的實現-----------------

ng-bind="quantity * cost"

ng-bind="firstName + ' ' + lastName"

ng-bind="person.lastName"

ng-bind="points[2]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM