AngularJS ng-ifDirektive
AngularJS-Beispiel
Die Auswahl aufheben, um den Inhalt zu entfernen:
HTML behalten:<input type="checkbox" ng-model="myVar"
ng-init="myVar = true">
<div ng-if="myVar">
<h1>Willkommen</h1>
<p>Willkommen auf meiner Homepage.</p>
<hr>
</div>
<div ng-if="myVar">
<h1>Willkommen</h1>
<p>Willkommen auf meiner Homepage.</p>
<hr>
</div>
Selbst ausprobieren »
Definition und Verwendung
ng-ifDie ng-if-Direktive wird verwendet, um ein HTML-Element zu entfernen, wenn der Ausdruck falsch ist.
Wenn die if-Bedingung wahr ergibt, wird das entfernte Element wieder hinzugefügt und angezeigt.
ng-ifDie ng-if-Direktive unterscheidet sich von ng-hide; ng-hide blendet das Element aus, währendng-ifng-if das Element aus dem DOM entfernt.
Syntax
<element ng-if="expression"></element>
Alle HTML-Elemente unterstützen diese Direktive.
Parameterwert
| Wert | Beschreibung |
|---|---|
| expression | Wenn der Ausdruck falsch zurückgibt, wird das gesamte Element entfernt; wenn er wahr zurückgibt, wird das Element hinzugefügt. |
Andere Erweiterungen
AngularJS-Referenzhandbuch