ng-if
Diretiva AngularJS
Exemplo
Desmarque uma caixa de seleção para remover uma seção:
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>
Definição e uso
A ng-if
diretiva remove o elemento HTML se a expressão for avaliada como false.
Se a instrução if for avaliada como verdadeira, uma cópia do Element será adicionada ao DOM.
A ng-if
diretiva é diferente da ng-hide, que oculta a exibição do elemento, onde a diretiva ng-if remove completamente o elemento do DOM.
Sintaxe
<element ng-if="expression"></element>
Suportado por todos os elementos HTML.
Valores de parâmetro
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. |