Chỉ thị ng-if
của AngularJS
Ví dụ
Bỏ chọn hộp kiểm để xóa một phần:
Keep HTML: <input type="checkbox" ng-model="myVar"
ng-init="myVar = true">
<div
ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-if
loại bỏ phần tử HTML nếu biểu thức được đánh giá là sai.
Nếu câu lệnh if được đánh giá là đúng, một bản sao của Phần tử sẽ được thêm vào DOM.
Lệnh ng-if
khác với ng-hide, lệnh này ẩn hiển thị phần tử, trong đó lệnh ng-if loại bỏ hoàn toàn phần tử khỏi DOM.
Cú pháp
< element ng-if=" expression "></ element >
Được hỗ trợ bởi tất cả các phần tử HTML.
Giá trị tham số
Value | Description |
---|---|
expression | An expression that will completely remove the element if it returns false. If it returns true, a copy of the element will be inserted instead. |