ng-hide
Directive 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-hide
directive masque l'élément HTML si l'expression est évaluée à true.
ng-hide
est également une classe CSS prédéfinie dans AngularJS et définit l'élément display
sur 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. |