การใช้ Expressions ใน AngularJS

Angularjs expression จะเขียนภายใต้เครื่องหมาย  {{…}} ไม่ต่างจาก ng-bind มากเท่าไหร่ เพราะเป็นการเรียกใช้งานตัวแปรได้เหมือนกัน ซึ่งลักษณะการใช้งานคล้ายกับ JavaScript expressions มาก โดยภายในเครื่องหมาย  {{…}} สามารถใส่ตัวอัษร, เครื่องหมายทางเลขาคณิต และ ตัวแปรต่างๆได้ ตัวอย่างเช่น {{ 5 + 5 }} หรือ {{ firstName + " " + lastName }}

ลักษณะการใช้งาน
1. การใช้งานกับ Number เช่น

Expense on Books : {{cost * quantity}} Bath

2. การใช้งานกับ String เช่น

Hello {{student.firstname + " " + student.lastname}}!

3. การใช้งานกับ Object เช่น

Roll No: {{student.rollno}}

4. การใช้งานกับ Array เช่น

Marks(Math): {{marks[3]}}

ตัวอย่าง

      

Sample Application

Hello {{student.firstname + " " + student.lastname}}!
         Expense on Books : {{cost * quantity}} Bath
         Roll No: {{student.rollno}}
         Marks(Math): {{marks[3]}}
      

ผลลัพธ์ที่ได้

About Nop

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.