AngularJS ng-if-Befehl

AngularJS-Referenzhandbuch

Definition und Verwendung

Wenn das Ergebnis der Berechnung des Ausdrucks false ist,ng-if Der Befehl löscht das HTML-Element.

Wenn das Ergebnis der Berechnung des if-Befehls true ist, wird eine Kopie des Elements in den DOM hinzugefügt.

ng-if Anweisung und ng-hide unterschiedlich istng-hide Versteckt die Anzeige des Elements, wobei ng-if Die Anweisung löscht das Element vollständig aus dem DOM.

Beispiel

Deaktivieren Sie das Kontrollkästchen, um Teile zu löschen:

Behalten Sie HTML bei: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Willkommen</h1>
<p>Willkommen in meinem Zuhause.</p>
<hr>
</div>

Versuchen Sie es selbst

Syntax

<element ng-if="expression</element>

Alle HTML-Elemente unterstützen dies.

Parameter

Parameter Beschreibung
expression

Entfernt das Element vollständig, wenn false zurückgegeben wird.

Fügt eine Kopie des Elements hinzu, wenn true zurückgegeben wird.

AngularJS-Referenzhandbuch