ng-hideDirettiva AngularJS


Esempio

Nascondi una sezione quando una casella di controllo è selezionata:

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

Definizione e utilizzo

La ng-hidedirettiva nasconde l'elemento HTML se l'espressione restituisce true.

ng-hideè anche una classe CSS predefinita in AngularJS e imposta l'elemento displaysu none.


Sintassi

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

Se utilizzato come classe CSS:

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

Supportato da tutti gli elementi HTML.


Valori dei parametri

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