ng-if
Direttiva AngularJS
Esempio
Deseleziona una casella di controllo per rimuovere una sezione:
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>
Definizione e utilizzo
La ng-if
direttiva rimuove l'elemento HTML se l'espressione restituisce false.
Se l'istruzione if restituisce true, nel DOM viene aggiunta una copia dell'elemento.
La ng-if
direttiva è diversa da ng-hide, che nasconde la visualizzazione dell'elemento, dove la direttiva ng-if rimuove completamente l'elemento dal DOM.
Sintassi
<element ng-if="expression"></element>
Supportato da tutti gli elementi HTML.
Valori dei parametri
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. |