¡Esta es una revisión vieja del documento!


ng-show

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

uso:

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

Si la expresion_angular es true se mostrará el elemento, si es false se ocultará el elemento.

Veamos ahora un ejemplo:

El código JavaScript es el siguiente:

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

Vemos que el modelo es simplemente un booleano llamado mostrar.

El código HTML es el siguiente:

<body ng-controller="MiPageController">
    <input type="checkbox" ng-model="mostrar">¿Mostrar?
    <div ng-show="mostrar==true">Mostramos el div</div>  
</body>

Vemos que el <div> se muestra solo si el valor de mostrar=true.

Demo

unidades/01_introduccion/directivas/ngshow.1405354966.txt.gz · Última modificación: 2014/07/14 18:22 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