AngularJS ng-if-anvisningen

AngularJS referenshandbok

Definition och användning

Om uttryckets beräkning resultat är false,ng-if Anvisningen kommer att ta bort HTML-elementet.

Om if-satsens beräkning resultat är true, kommer en kopia av elementet att läggas till i DOM:en.

ng-if instruktioner och ng-hide olikang-hide Dölj elementets visning, där ng-if Instruktioner tar bort elementet helt från DOM.

Exempel

Avmarkera kryssrutan för att ta bort en del:

Behåll HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Välkommen</h1>
<p>Välkommen till mitt hem.</p>
<hr>
</div>

Prova själv

Syntax

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

Alla HTML-element stöder.

Parametrar

Parametrar Beskrivning
expression

Om returnerar false, kommer uttrycket att helt ta bort elementet.

Om returnerar true, kommer en kopia av elementet att sättas in.

AngularJS referenshandbok