ng-hide
Diretiva AngularJS
Exemplo
Ocultar uma seção quando uma caixa de seleção estiver marcada:
Hide HTML: <input type="checkbox" ng-model="myVar">
<div
ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
Definição e uso
A ng-hide
diretiva oculta o elemento HTML se a expressão for avaliada como verdadeira.
ng-hide
também é uma classe CSS predefinida no AngularJS e define o elemento display
como none
.
Sintaxe
<element ng-hide="expression"></element>
Quando usado como uma classe CSS:
<element class="ng-hide"></element>
Suportado por todos os elementos HTML.
Valores de parâmetro
Value | Description |
---|---|
expression | An expression that will hide the element if the expression returns true. |