Exemplo
Desmarque a 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>
Tente você mesmo " Definição e Uso
O ng-if directiva remove o elemento HTML se a expressão for avaliada como falsa.
Se a declaração se avalia a verdade, uma cópia do elemento é adicionado no DOM.
A ng-if directiva é diferente da NG-ocultar que esconde a exibição do elemento, foram a NG-se directiva remove completamente o elemento de DOM.
Sintaxe
< element ng-if=" expression "></ element >Suportado por todos os elementos HTML.
Os valores dos parâmetros
| 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. |