AngularJS- ng-if
Direktive
Beispiel
Deaktivieren Sie ein Kontrollkästchen, um einen Abschnitt zu entfernen:
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>
Definition und Verwendung
Die ng-if
Direktive entfernt das HTML-Element, wenn der Ausdruck als falsch ausgewertet wird.
Wenn die if-Anweisung wahr ist, wird eine Kopie des Elements im DOM hinzugefügt.
Die ng-if
Direktive unterscheidet sich von der ng-hide-Direktive, die die Anzeige des Elements verbirgt, wobei die ng-if-Direktive das Element vollständig aus dem DOM entfernt.
Syntax
<element ng-if="expression"></element>
Unterstützt von allen HTML-Elementen.
Parameterwerte
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. |