ng-hideDirective AngularJS


Exemple

Masquer une section lorsqu'une case est cochée :

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

Définition et utilisation

La ng-hidedirective masque l'élément HTML si l'expression est évaluée à true.

ng-hideest également une classe CSS prédéfinie dans AngularJS et définit l'élément displaysur none.


Syntaxe

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

Lorsqu'il est utilisé comme classe CSS :

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

Pris en charge par tous les éléments HTML.


Valeurs des paramètres

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