Instruction ng-if d'AngularJS
Définition et utilisation
Si le résultat du calcul de l'expression est false,ng-if
L'instruction supprimera l'élément HTML.
Si le résultat du calcul de l'instruction if est true, une copie de l'élément sera ajoutée au DOM.
ng-if
L'instruction et ng-hide
différentsng-hide
Masquer l'affichage de l'élément, où ng-if
L'instruction supprime l'élément du DOM complètement.
Exemple
Désélectionner la case à cocher pour supprimer une partie :
Conserver HTML : <input type="checkbox" ng-model="myVar" ng-init="myVar = true"> <div ng-if="myVar"> <h1>Bienvenue</h1> <p>Bienvenue chez moi.</p> <hr> </div>
Syntaxe
<element ng-if="expression</element>
Tous les éléments HTML supportent.
Paramètres
Paramètres | Description |
---|---|
expression |
Si le retour est false, l'expression supprimera complètement l'élément. Si le retour est true, une copie de l'élément sera insérée. |