AngularJS- ng-hiderichtlijn


Voorbeeld

Een sectie verbergen wanneer een selectievakje is aangevinkt:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

Definitie en gebruik

De ng-hideinstructie verbergt het HTML-element als de expressie true oplevert.

ng-hideis ook een vooraf gedefinieerde CSS-klasse in AngularJS en stelt de elementen van het element in displayop none.


Syntaxis

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

Bij gebruik als CSS-klasse:

<element class="ng-hide"></element>

Ondersteund door alle HTML-elementen.


Parameterwaarden

Value Description
expression An expression that will hide the element if the expression returns true.