ng-hideDyrektywa AngularJS


Przykład

Ukryj sekcję, gdy pole wyboru jest zaznaczone:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

Definicja i użycie

Dyrektywa ng-hideukrywa element HTML, jeśli wyrażenie ma wartość true.

ng-hidejest również predefiniowaną klasą CSS w AngularJS i ustawia element displayna none.


Składnia

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

W przypadku użycia jako klasa CSS:

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

Obsługiwane przez wszystkie elementy HTML.


Wartości parametrów

Value Description
expression An expression that will hide the element if the expression returns true.