首頁 >web前端 >js教程 >JavaScript強化教程-AngularJS 表達式

JavaScript強化教程-AngularJS 表達式

巴扎黑
巴扎黑原創
2016-11-25 14:16:481243瀏覽

本文為 H5EDU 機構官方 HTML5培訓 教程,主要介紹:JavaScript強化教程JavaScript強化教程 —— AngularJS 表達式 

AngularJS 使用 表達式 把資料綁定到 HTML。 AngularJS 表達式 
AngularJS 表達式寫在雙大括號內:{{ expression }}。 
AngularJS 表達式將資料綁定到 HTML,這與 ng-bind 指令有異曲同工之妙。 
AngularJS 將在表達式書寫的位置"輸出"資料。 
AngularJS 表達式 很像 JavaScript 表達式:它們可以包含文字、運算子和變數。
實例{{ 5 + 5 }} 或{{ firstName + " " + lastName }} 
AngularJS 實例 
 
 

script src="http://apps.bdimg.com/libs/ang ... gt%3B 
 
 

 
 

我的第一個表達式: {{ 5 + 5 }}

 
 

 
 
AngularJS 數字 
AngularJS 數字就像Javas 數字: 
-app="" ng-init="quantity=1;cost=5"> 

總價: {{ quantity * cost }}

 

 

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

總價:

 

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