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>
Versuch es selber " Definition und Verwendung
Die ng-if - Richtlinie entfernt das HTML - Element , wenn der Ausdruck falsch ergibt.
Wenn die if-Anweisung den Wert true, wird eine Kopie des Elements in der DOM hinzugefügt.
Die ng-if - Richtlinie von der ng-hide unterscheidet , die die Anzeige des Elements verbirgt, waren die ng-wenn - Richtlinie vollständig das Element aus dem DOM entfernt.
Syntax
< element ng-if=" expression "></ element >Unterstützt durch alle HTML-Elemente.
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. |