AngularJS ng-hide Anweisung

Definition und Verwendung

Wenn das Ergebnis der Berechnung des Ausdrucks true ist,ng-hide Anweisung das HTML-Element versteckt.

ng-hide ist auch eine vordefinierte CSS-Klasse in AngularJS und versteckt das Element, indem sie die display gesetzt auf none

Beispiel

Teilweise verstecken, wenn das Kontrollkästchen ausgewählt ist:

Versteckte HTML:<input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Willkommen</h1>
<p>Willkommen in meinem Haus.</p>
</div>

Versuchen Sie es selbst

Syntax

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

Wenn als CSS-Klasse verwendet:

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

Alle HTML-Elemente unterstützen dies.

Parameter

Parameter Beschreibung
expression Wenn der Ausdruck true zurückgibt, wird der Ausdruck der versteckten Elemente ausgeführt.