Chỉ thị ng-hide 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à true,cầm chỉ thị hướng dẫn sẽ ẩn phần tử HTML.

cầm chỉ thị cũng là lớp CSS được định nghĩa sẵn trong AngularJS, và sẽ ẩn phần tử. display đặt thành none。

Mô hình

ẩn phần tử khi chọn hộp kiểm:

HTML ẩn: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Chào mừng</h1>
<p>Chào mừng bạn đến với nhà tôi.</p>
</div>

Thử ngay

Cú pháp

<element ng-hide="biểu thức</element>

Khi được sử dụng như một lớp CSS:

<element class="ng-hide"></element>

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

Tham số