ng-hideDiretiva 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-hidediretiva oculta o elemento HTML se a expressão for avaliada como verdadeira.

ng-hidetambém é uma classe CSS predefinida no AngularJS e define o elemento displaycomo 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.