Expression (biểu thức) trong AngularJS được sử dụng để liên kết dữ liệu ứng dụng với html. Biểu thức được viết bên trong dấu ngoặc kép như {{expression}}. Các biểu thức hoạt động theo cùng một cách như chỉ thị ng-bind, là các biểu thức javascript thuần túy và xuất ra dữ liệu mà chúng được sử dụng.
Biểu AngularJS có thể được viết bên trong dấu ngoặc kép: .{{ expression }}
Biểu AngularJS cũng có thể được viết bên trong một chỉ thị: .ng-bind="expression"
AngularJS sẽ giải quyết biểu thức và trả về kết quả chính xác nơi 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ữ, toán tử và các biến.
Ví dụ: {{5 + 5}} hoặc {{firstName + "" + lastName}}
Thí dụ:
My first expression: {{ 5 + 5 }}
Nếu bạn loại bỏ các ng-app chỉ thị, HTML sẽ hiển thị các biểu hiện như nó có, mà không cần giải quyết nó:
Thí dụ:
My first expression: {{ 5 + 5 }}
Bạn có thể viết các biểu thức ở bất cứ đâu bạn thích, AngularJS sẽ giải quyết biểu thức và trả về kết quả.
Ví dụ: Cho phép AngularJS thay đổi giá trị của thuộc tính CSS.
Thay đổi màu của hộp nhập bên dưới, bằng cách thay đổi giá trị của nó:
Thí dụ:
Các số AngularJS giống như số JavaScript:
Thí dụ
Total in dollar: {{ quantity * cost }}
Ví dụ tương tự sử dụng ng-bind:
Thí dụ
Total in dollar:
Các chuỗi AngularJS giống như các chuỗi JavaScript:
Thí dụ:
The name is {{ firstName + " " + lastName }}
Ví dụ tương tự sử dụng ng-bind:
Thí dụ
The name is
Các đối tượng AngularJS giống như các đối tượng JavaScript:
Thí dụ
The name is {{ person.lastName }}
Ví dụ tương tự sử dụng ng-bind:
Thí dụ
The name is
Các mảng AngularJS giống như các mảng JavaScript:
Thí dụ
The third result is {{ points[2] }}
Ví dụ tương tự sử dụng ng-bind:
Thí dụ
The third result is
Giống như các biểu thức JavaScript, các biểu thức AngularJS có thể chứa các chữ, toán tử và các biến.
Không giống như các biểu thức JavaScript, các biểu thức AngularJS có thể được viết bên trong HTML.
Các biểu thức AngularJS không hỗ trợ các điều kiện, các vòng lặp và các ngoại lệ, trong khi các biểu thức JavaScript làm.
Các biểu thức AngularJS hỗ trợ các bộ lọc, trong khi các biểu thức JavaScript thì không.
Kiến thức về AngularJS khác: