Ejemplo
Ocultar una sección cuando se marca una casilla de verificación:
Hide HTML: <input type="checkbox" ng-model="myVar">
<div
ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
Inténtalo tú mismo " Definición y Uso
El ng-hide
directiva oculta el elemento HTML si la expresión se evalúa como verdadera.
ng-hide
es también una clase CSS predefinido en AngularJS, y establece el elemento de display
a none
.
Sintaxis
< element ng-hide=" expression "></ element >
Cuando se utiliza como una clase CSS:
< element class="ng-hide"></ element >
Con el apoyo de todos los elementos HTML.
Los valores de los parámetros
Value | Description |
---|---|
expression | An expression that will hide the element if the expression returns true. |