ng-hide
Dyrektywa 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-hide
ukrywa element HTML, jeśli wyrażenie ma wartość true.
ng-hide
jest również predefiniowaną klasą CSS w AngularJS i ustawia element display
na 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. |