AngularJS ng-hide-instruktion

Definition och användning

Om beräkningen av uttrycket returnerar true,ng-hide direktivet döljer HTML-element.

ng-hide är också en fördefinierad CSS-klass i AngularJS och döljer elementets display sätt till none

Exempel

Dölj delar när kryssrutan är vald:

Dölj HTML:<input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Välkommen</h1>
<p>Välkommen till mitt hem.</p>
</div>

Prova själv

Syntax

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

När använd som en CSS-klass:

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

Alla HTML-element stöder.

Parameter

Parameter Beskrivning
uttryck Om uttrycket returnerar true, döljs elementets uttryck.