English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

AngularJS 表达式

Le espressioni vengono utilizzate per vincolare i dati dell'applicazione all'HTML. Le espressioni vengono scritte all'interno di doppi acchetti, ad esempio {{espressione}}. Il comportamento delle espressioni è simile a quello dell'instruzione ngbind. Le espressioni AngularJS sono espressioni JavaScript puro e producono dati nell'ubicazione di utilizzo.

Uso di numeri

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

Uso di stringhe

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

Uso di oggetti

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

Uso di array

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

Esempio

Di seguito è riportato un esempio che mostra l'uso di tutte le espressioni menzionate precedenti-

testAngularJS.htm

<html>
   <head>
      <title>Espressioni AngularJS</title>
   </head>
   
   <body>
      <h1>Applicazione di esempio</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="https://cdn.staticfile.org/angular.js/1.3.14/angular.min.js">
      </script>
      
   </body>
</html>
测试看看‹/›

输出结果

在网络浏览器中打开文件testAngularJS.htm并查看结果。