Direttiva ng-hide AngularJS

Definizione e uso

Se il risultato del calcolo dell'espressione è true,direttiva ng-hide nasconde l'elemento HTML.

direttiva ng-hide è anche una classe CSS predefinita in AngularJS e nasconde l'elemento. display impostato a nessuno.

Esempio

Nasconde la parte selezionata del checkbox:

Nascondi HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Benvenuti</h1>
<p>Benvenuti a casa mia.</p>
</div>

Prova tu stesso

Sintassi

<elemento ng-hide="espressione</elemento>

Quando usato come classe CSS:

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

Tutti gli elementi HTML supportano.

Parametro

Parametro Descrizione
espressione Se l'espressione restituisce true, nasconde l'espressione dell'elemento.