ng-if
Directive AngularJS
Exemple
Décochez une case pour supprimer une section :
Keep HTML: <input type="checkbox" ng-model="myVar"
ng-init="myVar = true">
<div
ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
Définition et utilisation
La ng-if
directive supprime l'élément HTML si l'expression est évaluée à false.
Si l'instruction if est évaluée à true, une copie de l'élément est ajoutée dans le DOM.
La ng-if
directive est différente de ng-hide, qui masque l'affichage de l'élément, où la directive ng-if supprime complètement l'élément du DOM.
Syntaxe
<element ng-if="expression"></element>
Pris en charge par tous les éléments HTML.
Valeurs des paramètres
Value | Description |
---|---|
expression | An expression that will completely remove the element if it returns false. If it returns true, a copy of the element will be inserted instead. |