AngularJS: Biểu thức trong Angular

AngularJS liên kết dữ liệu tới HTML sử dụng biểu thức.

Các biểu thức AngularJS

Các biểu thức AngularJS có thể được viết bên trong dấu ngoặc kép: {{expression}}.

Biểu thức AngularJS cũng có thể được viết bên trong một chỉ thị: ng-bind = "expression".

AngularJS sẽ giải quyết các biểu thức, và trả lại kết quả chính xác nơi mà các biểu thức được viết.

Các biểu thức AngularJS giống như các biểu thức JavaScript: Chúng có thể chứa các chữ cái, toán tử và biến.

Ví dụ, {{ 5 + 5 }} hoặc {{ firstName + " " + lastName }}

Ví dụ

Nếu bạn bỏ chỉ thị ng-app, HTML sẽ không giải quyết được biểu thức:

Ví dụ

Bạn có thể viết các biểu thức bất cứ khi nào bạn thích, AngularJS chỉ đơn giản là giải quyết các biểu thức và trả lại kết quả.

Ví dụ: Hãy để AngularJS thay đổi giá trị của thuộc tính CSS.

Thay đổi màu sắc của hộp nhập liệu dưới đây, bằng cách thay đổi giá trị của nó:

Thí dụ

Số trong AngularJS

Số trong AngularJS giống như số trong JavaScript:

Ví dụ

Ví dụ tương tự sau đây sử dụng ng-bind:

Ví dụ

Việc sử dụng ng-init là không được phổ biến lắm. Bạn nên học một cách tốt hơn là cách khởi tạo dữ liệu ở phần bài học nói về controller.

Chuỗi trong AngularJS

Chuỗi trong AngularJS giống như chuỗi trong JavaScript:

Ví dụ

Ví dụ tương tự có sử dụng ng-bind:

Ví dụ

Đối tượng trong AngularJS

Cũng tương tự như trong JavaScript:

Ví dụ

Ví dụ tương tự sử dụng ng-bind:

Ví dụ

Mảng trong AngularJS

Tương tự như mảng trong JavaScript:

Ví dụ

Ví dụ tương tự có sử dụng ng-bind:

Ví dụ

Biểu thức trong AngularJS so với trong JavaScript

Tương tự như biểu thức trong JavaScript, biểu thức trong AngularJS có thể chứa hằng, toán tử và biến.

Không giống như biểu thức trongJavaScript, biểu thức trong AngularJS có thể được viết biên trong phần HTML.

Biểu thức trong AngularJS không hỗ trợ phần điều kiện, vòng lặp và ngoại lệ.

Biểu thức trong AngularJS hỗ trợ việc lọc, trong JavaScript thì không.