Angular Expression

Angular สามารถเขียน code ลงไปได้ 2 รูปแบบ คือ Angular Expression และ Angular Directive ซึ่งสำหรับ Angular Expression จะมีลักษณะคล้ายๆ การเขียน JavaScript ลงไปยัง {{ script }}

ซึ่งตัวอย่างที่สามารถเขียนลงไปได้ก็อย่างเช่น

• {{ 'Hello World' }} - แสดงข้อความ
• {{ 1 + 2 }} - คำนวณค่าคงที่
• {{ a + b }} - คำนวณค่าจากตัวแปร
• {{ user.name }} - แสดงค่า property จาก object
• {{ items[index] }} - แสดงค่าจาก array

แต่จะแตกต่างจาก JavaScript คือ

• JavaScript อ้างอิงจาก ตัวแปร window แต่ Angular จะใช้ $scope object
• ตัวแปรไหนที่ไม่อยู่ใน scope หรือไม่เคยกำหนดค่ามาก่อน Angular จะใส่ให้เป็น null หรือเริ่มต้น เช่น ถ้าเป็นตัวเลขก็จะใส่เป็นค่า 0 เป็นต้น
• ไม่สามารถใส่ Control Flow ได้ เช่น loop, if
• ไม่สามารถสร้าง function ได้

ไว้โอกาสหน้าจะมาต่อกันเรื่อง Directive

Reference:

AngularJS Documentation for expression

Angular Expressions - W3Schools