Câu lệnh ng-if của AngularJS

Định nghĩa và cách sử dụng

Nếu kết quả tính toán của biểu thức là false,ng-if Câu lệnh sẽ xóa bỏ yếu tố HTML.

Nếu kết quả tính toán của câu lệnh if là true, bản sao của yếu tố đó sẽ được thêm vào DOM.

ng-if Cú pháp với ng-hide khác nhaung-hide Hiện thị ẩn phần tử, trong đó ng-if Cú pháp sẽ xóa hoàn toàn phần tử khỏi DOM.

Mô hình

Bỏ chọn hộp kiểm để xóa phần tử:

Giữ lại HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Chào mừng</h1>
<p>Chào mừng bạn đến với nhà tôi.</p>
<hr>
</div>

Thử ngay

Cú pháp

<element ng-if="expression</element>

Tất cả các phần tử HTML đều hỗ trợ.

Tham số