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>

Essayez-le vous-même

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.