Instrukcja AngularJS ng-if

Definicja i użycie

Jeśli wynik obliczeń wyrażenia wynosi false,ng-if Instrukcja usunie element HTML.

Jeśli wynik obliczeń instrukcji if wynosi true, kopia elementu zostanie dodana do DOM.

ng-if instrukcja z}} ng-hide różneng-hide Ukryj element, gdzie ng-if Instrukcja usuwa element całkowicie z DOM.

Przykład

Odznacz checkbox, aby usunąć część:

Zachowaj HTML:<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Witaj</h1>
<p>Witaj w moim domu.</p>
<hr>
</div>

Spróbuj sam

Gramatyka

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

Wszystkie elementy HTML wspierają.

Parametry

Parametry Opis
expression

Jeśli zwraca false, wyrażenie usunie całkowicie element.

Jeśli zwraca true, kopię elementu zostanie wstawiona.