menú
buscar
Diferencias
Muestra las diferencias entre dos versiones de la página.
|
unidades:01_introduccion:directivas:nghide [2013/09/10 23:28] admin Page moved from unidades:directivas:nghide to unidades:directivas:unidades:01_introduccion:nghide |
— (actual) | ||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| - | ====== ng-hide ====== | ||
| - | Esta directiva indica si se oculta o no un elemento HTML. | ||
| - | |||
| - | uso: | ||
| - | <sxh html> | ||
| - | <tag ng-hide="expresion_angular" ></tag> | ||
| - | </sxh> | ||
| - | |||
| - | Si la ''expresion_angular'' es ''true'' se ocultará el elemento, si es ''false'' se mostrará el elemento. | ||
| - | |||
| - | Veamos ahora un ejemplo: | ||
| - | |||
| - | El código JavaScript es el siguiente: | ||
| - | <sxh js> | ||
| - | var app=angular.module("MiApp",[]); | ||
| - | |||
| - | function MiPageController($scope) { | ||
| - | $scope.ocultar = false; | ||
| - | } | ||
| - | </sxh> | ||
| - | |||
| - | Vemos que el modelo es simplemente un booleano llamado ''ocultar''. | ||
| - | |||
| - | El código HTML es el siguiente: | ||
| - | <sxh html> | ||
| - | <body ng-controller="MiPageController"> | ||
| - | <input type="checkbox" ng-model="ocultar">¿Ocultar? | ||
| - | <div ng-hide="ocultar==true">Mostramos el div</div> | ||
| - | </body> | ||
| - | </sxh> | ||
| - | |||
| - | Vemos que el ''<div>'' se oculta solo si el valor de ''ocultar=true''. | ||
| - | |||
| - | **Demo** | ||
| - | {{url>http://jsfiddle.net/logongas/hNzuk/embedded/result,js,html}} | ||
