AngularJS- ng-hide
richtlijn
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-hide
instructie verbergt het HTML-element als de expressie true oplevert.
ng-hide
is ook een vooraf gedefinieerde CSS-klasse in AngularJS en stelt de elementen van het element in display
op 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. |