AngularJS- ng-hideDirektive


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-hideDirektive blendet das HTML-Element aus, wenn der Ausdruck als wahr ausgewertet wird.

ng-hideist auch eine vordefinierte CSS-Klasse in AngularJS und setzt das Element displayauf 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.