欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解AngularJS中的表達式使用

 更新時間：2015年06月16日 12:00:12   投稿：goldensun  
這篇文章主要介紹了詳解AngularJS中的表達式使用,包括處理數字和字符串等各種對象的操作,需要的朋友可以參考下

 表達式用于應用程序數據綁定到HTML。表達式都寫在雙括號就像{{表達式}}。表達式中的行為跟ng-bind指令方式相同。 AngularJS應用表達式是純javascript表達式，并輸出它們被使用的數據在那里。
使用數字

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

使用字符串

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

使用對象

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

使用數組

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

例子

下面的例子將展示上述所有表達式。
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瀏覽器打開textAngularJS.html?？吹浇Y果如下：

2015616115757530.png (587×339)

相關文章

  • AngularJS中實現(xiàn)用戶訪問的身份認證和表單驗證功能

    AngularJS中實現(xiàn)用戶訪問的身份認證和表單驗證功能

    這篇文章主要介紹了AngularJS中實現(xiàn)用戶訪問的身份認證及表單驗證功能的方法,Angular是Google開發(fā)的一款瀏覽器端的高人氣JavaScript框架,需要的朋友可以參考下
    2016-04-04
  • 淺談Angular單元測試總結

    淺談Angular單元測試總結

    這篇文章主要介紹了淺談Angular單元測試總結，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • angularJS實現(xiàn)動態(tài)添加,刪除div方法

    angularJS實現(xiàn)動態(tài)添加,刪除div方法

    下面小編就為大家分享一篇angularJS實現(xiàn)動態(tài)添加,刪除div方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • 快速解決angularJS中用post方法時后臺拿不到值的問題

    快速解決angularJS中用post方法時后臺拿不到值的問題

    今天小編就為大家分享一篇快速解決angularJS中用post方法時后臺拿不到值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • Angular6新特性之Angular Material

    Angular6新特性之Angular Material

    今天小編就為大家分享一篇關于Angular6新特性之Angular Material，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
    2018-12-12
  • 利用Ionic2 + angular4實現(xiàn)一個地區(qū)選擇組件

    利用Ionic2 + angular4實現(xiàn)一個地區(qū)選擇組件

    ionic是一個移動端開發(fā)框架，使用hybird技術，只要使用前端開發(fā)技術就可以開發(fā)出電腦端，安卓端和ios端的站點程序。下面這篇文章主要給大家介紹了關于利用Ionic2 + angular4實現(xiàn)一個地區(qū)選擇組件的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。
    2017-07-07
  • AngularJS Ajax詳解及示例代碼

    AngularJS Ajax詳解及示例代碼

    本文主要講解AngularJS Ajax的知識，這里提供詳細資料及代碼示例，幫助學習AngularJS的朋友,有需要的小伙伴可以參考下
    2016-08-08
  • angularjs中的e2e測試實例

    angularjs中的e2e測試實例

    這篇文章主要介紹了angularjs中的e2e測試實例,本文使用Protractor來完成e2e測試,需要的朋友可以參考下
    2014-12-12
  • Angularjs制作簡單的路由功能demo

    Angularjs制作簡單的路由功能demo

    這篇文章主要介紹了Angularjs制作簡單的路由功能demo，剛剛開始學習Angularjs,做的不好，還請見諒。
    2015-04-04
  • AngularJS中處理多個promise的方式

    AngularJS中處理多個promise的方式

    promise是一種用異步的方式處理值的方法，promise是對象，代表了一個函數最終可能的返回值或者拋出的異常，在與遠程對象打交道時我們可以把他看作是遠程對象的一個代理，通過本文給大家介紹AngularJS中處理多個promise的方式及什么是promise，需要的朋友參考下
    2016-02-02

最新評論