ng-if
Směrnice AngularJS
Příklad
Chcete-li sekci odebrat, zrušte zaškrtnutí políčka:
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>
Definice a použití
Direktiva ng-if
odstraní element HTML, pokud je výraz vyhodnocen jako false.
Pokud se příkaz if vyhodnotí jako pravdivý, bude do DOM přidána kopie prvku.
Direktiva ng-if
se liší od direktivy ng-hide, která skryje zobrazení prvku, kde direktiva ng-if zcela odstraní prvek z DOM.
Syntax
<element ng-if="expression"></element>
Podporováno všemi prvky HTML.
Hodnoty parametrů
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. |