AngularJS- ng-hide
Direktive
Beispiel
Einen Abschnitt ausblenden, wenn ein Kontrollkästchen aktiviert ist:
Hide HTML: <input type="checkbox" ng-model="myVar">
<div
ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
Definition und Verwendung
Die ng-hide
Direktive blendet das HTML-Element aus, wenn der Ausdruck als wahr ausgewertet wird.
ng-hide
ist auch eine vordefinierte CSS-Klasse in AngularJS und setzt das Element display
auf none
.
Syntax
<element ng-hide="expression"></element>
Bei Verwendung als CSS-Klasse:
<element class="ng-hide"></element>
Unterstützt von allen HTML-Elementen.
Parameterwerte
Value | Description |
---|---|
expression | An expression that will hide the element if the expression returns true. |