¡Esta es una revisión vieja del documento!


ng-hide

Esta directiva indica si se oculta o no un elemento HTML.

uso:

<tag ng-hide="expresion_angular" ></tag>

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:

var app=angular.module("MiApp",[]);
 
function MiPageController($scope) {
    $scope.ocultar = false;       
} 

Vemos que el modelo es simplemente un booleano llamado ocultar.

El código HTML es el siguiente:

<body ng-controller="MiPageController">
    <input type="checkbox" ng-model="ocultar">¿Ocultar?
    <div ng-hide="ocultar==true">Mostramos el div</div>
</body>

Vemos que el <div> se oculta solo si el valor de ocultar=true.

Demo

unidades/01_introduccion/directivas/nghide.1378848492.txt.gz · Última modificación: 2013/09/10 23:28 por admin
Ir hasta arriba
CC Attribution-Share Alike 3.0 Unported
chimeric.de = chi`s home Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0