ng-hideDirectiva AngularJS


Ejemplo

Ocultar una sección cuando una casilla de verificación está marcada:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

Definición y uso

La ng-hidedirectiva oculta el elemento HTML si la expresión se evalúa como verdadera.

ng-hidetambién es una clase CSS predefinida en AngularJS y establece el elemento displayen none.


Sintaxis

<element ng-hide="expression"></element>

Cuando se usa como una clase CSS:

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

Compatible con todos los elementos HTML.


Valores paramétricos

Value Description
expression An expression that will hide the element if the expression returns true.