Exemple
Décochez une case à cocher 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>
Essayez - le vous - même » Définition et utilisation
Le ng-if la 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é dans les DOM.
Le ng-if la directive est différent du ng-cache qui masque l'affichage de l'élément, ont été les ng, si la directive supprime complètement l'élément du DOM.
Syntaxe
< element ng-if=" expression "></ element >Pris en charge par tous les éléments HTML.
Paramètre valeurs
| 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. |