表達(dá)式用于應(yīng)用程序數(shù)據(jù)綁定到HTML。表達(dá)式都寫(xiě)在雙括號(hào)就像{{表達(dá)式}}。表達(dá)式中的行為跟ng-bind指令方式相同。 AngularJS應(yīng)用表達(dá)式是純javascript表達(dá)式，并輸出它們被使用的數(shù)據(jù)在那里。
使用數(shù)字

<p>Expense on Books : {{cost * quantity}} Rs</p>

使用字符串

<p>Hello {{student.firstname + " " + student.lastname}}!</p>

使用對(duì)象

<p>Roll No: {{student.rollno}}</p>

使用數(shù)組

<p>Marks(Math): {{marks[3]}}</p>

例子

下面的例子將展示上述所有表達(dá)式。
testAngularJS.html 文件代碼如下：

<html>
<title>AngularJS Expressions</title>
<body>
<h1>Sample Application</h1>
<div ng-app="" ng-init="quantity=1;cost=30; student={firstname:'Mahesh',lastname:'Parashar',rollno:101};marks=[80,90,75,73,60]">
  <p>Hello {{student.firstname + " " + student.lastname}}!</p>  
  <p>Expense on Books : {{cost * quantity}} Rs</p>
  <p>Roll No: {{student.rollno}}</p>
  <p>Marks(Math): {{marks[3]}}</p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>

輸出

在Web瀏覽器打開(kāi)textAngularJS.html。看到結(jié)果如下：

2015616115757530.png (587×339)

您可能感興趣的文章:

相關(guān)文章

AngularJS中實(shí)現(xiàn)用戶訪問(wèn)的身份認(rèn)證和表單驗(yàn)證功能
這篇文章主要介紹了AngularJS中實(shí)現(xiàn)用戶訪問(wèn)的身份認(rèn)證及表單驗(yàn)證功能的方法,Angular是Google開(kāi)發(fā)的一款瀏覽器端的高人氣JavaScript框架,需要的朋友可以參考下
2016-04-04
淺談Angular單元測(cè)試總結(jié)
這篇文章主要介紹了淺談Angular單元測(cè)試總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-03-03
angularJS實(shí)現(xiàn)動(dòng)態(tài)添加,刪除div方法
下面小編就為大家分享一篇angularJS實(shí)現(xiàn)動(dòng)態(tài)添加,刪除div方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02
快速解決angularJS中用post方法時(shí)后臺(tái)拿不到值的問(wèn)題
今天小編就為大家分享一篇快速解決angularJS中用post方法時(shí)后臺(tái)拿不到值的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
Angular6新特性之Angular Material
今天小編就為大家分享一篇關(guān)于Angular6新特性之Angular Material，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2018-12-12
利用Ionic2 + angular4實(shí)現(xiàn)一個(gè)地區(qū)選擇組件
ionic是一個(gè)移動(dòng)端開(kāi)發(fā)框架，使用hybird技術(shù)，只要使用前端開(kāi)發(fā)技術(shù)就可以開(kāi)發(fā)出電腦端，安卓端和ios端的站點(diǎn)程序。下面這篇文章主要給大家介紹了關(guān)于利用Ionic2 + angular4實(shí)現(xiàn)一個(gè)地區(qū)選擇組件的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-07-07
AngularJS Ajax詳解及示例代碼
本文主要講解AngularJS Ajax的知識(shí)，這里提供詳細(xì)資料及代碼示例，幫助學(xué)習(xí)AngularJS的朋友,有需要的小伙伴可以參考下
2016-08-08
angularjs中的e2e測(cè)試實(shí)例
這篇文章主要介紹了angularjs中的e2e測(cè)試實(shí)例,本文使用Protractor來(lái)完成e2e測(cè)試,需要的朋友可以參考下
2014-12-12
Angularjs制作簡(jiǎn)單的路由功能demo
這篇文章主要介紹了Angularjs制作簡(jiǎn)單的路由功能demo，剛剛開(kāi)始學(xué)習(xí)Angularjs,做的不好，還請(qǐng)見(jiàn)諒。
2015-04-04
AngularJS中處理多個(gè)promise的方式
promise是一種用異步的方式處理值的方法，promise是對(duì)象，代表了一個(gè)函數(shù)最終可能的返回值或者拋出的異常，在與遠(yuǎn)程對(duì)象打交道時(shí)我們可以把他看作是遠(yuǎn)程對(duì)象的一個(gè)代理，通過(guò)本文給大家介紹AngularJS中處理多個(gè)promise的方式及什么是promise，需要的朋友參考下
2016-02-02