Exemple
Cacher une section quand 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>
Essayez - le vous - même » Définition et utilisation
Le ng-hide
directive cache l'élément HTML si l'expression est évaluée à true.
ng-hide
est également une classe CSS prédéfinie dans AngularJS, et fixe de l'élément display
à none
.
Syntaxe
< element ng-hide=" expression "></ element >
Lorsqu'il est utilisé comme une classe CSS:
< element class="ng-hide"></ element >
Pris en charge par tous les éléments HTML.
Paramètre valeurs
Value | Description |
---|---|
expression | An expression that will hide the element if the expression returns true. |