ng-if
Chỉ thị AngularJS
Thí 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>
Đị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 đánh giá là false.
Nếu câu lệnh if đánh giá là true, một bản sao của Phần tử sẽ được thêm vào DOM.
Chỉ ng-if
thị này khác với ng-hide, nó ẩn phần hiển thị của phần tử, nơi mà chỉ thị 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. |