ng-if
Dyrektywa AngularJS
Przykład
Usuń zaznaczenie pola wyboru, aby usunąć sekcję:
Keep HTML: <input type="checkbox" ng-model="myVar"
ng-init="myVar = true">
<div
ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
Definicja i użycie
Dyrektywa ng-if
usuwa element HTML, jeśli wynikiem wyrażenia jest fałsz.
Jeśli stwierdzenie if zostanie ocenione jako prawda, kopia elementu jest dodawana do DOM.
Dyrektywa ng-if
różni się od ng-hide, która ukrywa wyświetlanie elementu, podczas gdy dyrektywa ng-if całkowicie usuwa element z DOM.
Składnia
<element ng-if="expression"></element>
Obsługiwane przez wszystkie elementy HTML.
Wartości parametrów
Value | Description |
---|---|
expression | An expression that will completely remove the element if it returns false. If it returns true, a copy of the element will be inserted instead. |