18/04/2018 08:54:03 PM

Phần mềm

Biểu thức AngularJS

AngularJS ràng buộc dữ liệu đến HTML sử dụng biểu thức Expressions.

Các biểu thức AngularJS có thể được viết trong cặp dấu ngoặc móc:

Biểu thức AngularJS có thể cũng được viết bên trong một chỉ hướng:

ng-bind=”expression”

AngularJS sẽ tính toán biểu thức và trả về kết quả.

Biểu thức AngularJSgần như biểu thức JavaScript: có thể chứa hằng, phép toán, và biến.

Ví dụ: {{ 5 + 5 }} hay {{ firstName + " " + lastName }}

Ví dụ:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<p>My first expression: {{ 5 + 5 }}</p>
</div>
</body>
</html>

Nếu xóa chỉ hướng ng-app, HTML sẽ hiển thị chuỗi biểu thức, mà không tính toán trả về kết quả biểu thức.

Ví dụ:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div>
<p>My first expression: {{ 5 + 5 }}</p>
</div>

</body>
</html>

Có thể viết biểu thức ở vị trí mong muốn, AngularJS sẽ tính toán biểu thức, trả về kết quả.

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

Thay đổi màu của thẻ input, bằng cách thay đổi giá trị của nó:

» Tin mới nhất: