AngularJS ng-if-instruktion

AngularJS reference håndbog

Definition og brug

Hvis betingelsesudtrykket er falskng-if Instruktionen vil slette HTML-elementet.

Hvis betingelsesudtrykket for if-sætningen er sandt, tilføjes en kopi af elementet til DOM'en.

ng-if Instruktioner og ng-hide forskelligeng-hide Skjul elementets visning, hvor ng-if Instruktioner fjerner elementet fuldstændigt fra DOM.

Eksempel

Fjern markering af afkrydsningsfeltet for at slette dele:

Bevar HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Velkommen</h1>
<p>Velkommen til mit hjem.</p>
<hr>
</div>

Prøv det selv

Syntaks

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

Alle HTML-elementer understøtter.

Parametre

Parametre Beskrivelse
expression

Hvis der returneres false, vil elementet blive fuldstændigt slettet.

Hvis der returneres true, vil en kopi af elementet blive indsat.

AngularJS reference håndbog