Istruzione ng-if AngularJS

Manuale di riferimento AngularJS

Definizione e uso

Se il risultato del calcolo dell'espressione è false,ng-if Le istruzioni_elimineranno l'elemento HTML.

Se il risultato del calcolo dell'istruzione if è true, la copia dell'elemento verrà aggiunta al DOM.

ng-if La direttiva e ng-hide diversong-hide Nasconde la visualizzazione dell'elemento, dove ng-if La direttiva elimina l'elemento completamente dal DOM.

Esempio

Deselezionare la casella di controllo per eliminare parte:

Riservare HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Benvenuti</h1>
<p>Benvenuti a casa mia.</p>
<hr>
</div>

Prova da solo

Sintassi

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

Tutti gli elementi HTML supportano.

Parametro

Parametro Descrizione
espressione

Se restituisce false, viene eliminato l'elemento completamente espressione.

Se restituisce true, viene inserita una copia dell'elemento.

Manuale di riferimento AngularJS