AngularJS ng-if-instructie

AngularJS Referentie Handleiding

Definitie en gebruik

Als het berekende resultaat van de expressie false is,ng-if De instructie verwijdert het HTML-element.

Als het berekende resultaat van de if-statement true is, wordt een kopie van het element toegevoegd aan de DOM.

ng-if instructie en ng-hide andersng-hide Verbergt de weergave van de elementen, waarbij ng-if De instructie verwijdert het element volledig uit de DOM.

Voorbeeld

Deselecteer het selectievakje om een deel te verwijderen:

Behoud HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Welkom</h1>
<p>Welkom in mijn huis.</p>
<hr>
</div>

Probeer het zelf uit

Syntax

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

Alle HTML-elementen ondersteunen.

Parameters

Parameters Beschrijving
expression

Als het resultaat false is, wordt het element volledig verwijderd.

Als het resultaat true is, wordt een kopie van het element ingevoegd.

AngularJS Referentie Handleiding