AngularJS ng-if-ohje

AngularJS viittausopas

Määrittely ja käyttö

Jos lauseen laskentatulos on epätotta,ng-if Ohje poistaa HTML-elementin.

Jos if-lauseen laskentatulos on totta, kopio kyseisestä elementistä lisätään DOM:iin.

ng-if ohjeet ja ng-hide erilaisetng-hide Piilottaa elementin näkyvyys, jossa ng-if Ohjeet poistavat elementin täysin DOM:sta.

Esimerkki

Poista valinta valitsemalla osa poistettavaksi:

Pitää HTML:<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Tervetuloa</h1>
<p>Tervetuloa kotiini.</p>
<hr>
</div>

Kokeile itse

syntaksi

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

Kaikki HTML-elementit tukevat.

parametrit

parametrit kuvaus
expression

Jos palauttaa false, poistetaan täysin kyseinen elementti lauseke.

Jos palauttaa true, lisätään kyseisen elementin kappale kopio.

AngularJS viittausopas