Instrução ng-hide do AngularJS

Definição e uso

Se o resultado da cálculo da expressão for true,directiva ng-hide oculta elementos HTML.

directiva ng-hide também é uma classe CSS pré-definida no AngularJS, e oculta o elemento. display Definido como none.

Exemplo

Ocultar parte selecionada:

Ocultar HTML:<input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Bem-vindo</h1>
<p>Bem-vindo à minha casa.</p>
</div>

Experimente você mesmo

Sintaxe

<elemento ng-hide="expressão</elemento>

Quando usado como uma classe CSS:

<elemento class="ng-hide"></elemento>

Todos os elementos HTML suportam.

Parâmetros

Parâmetros Descrição
expressão Se a expressão retornar true, a expressão oculta o elemento.