Diferencias

Muestra las diferencias entre dos versiones de la página.

--- unidades:01_introduccion:directivas:ngshow [2013/09/10 23:30] – Page moved from unidades:directivas:unidades:01_introduccion:ngshow to unidades:01_introduccion:directivas:ngshow admin
+++ unidades:01_introduccion:directivas:ngshow [2014/07/14 18:22] (actual) – borrado admin
@@ Línea 1: / Línea 1: @@
-====== ng-show ======
-Esta directiva indica si se muestra o no un elemento HTML.
-uso:
-<sxh html>
-<tag ng-show="expresion_angular" ></tag>
-</sxh>
-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:
-<sxh js>
-var app=angular.module("MiApp",[]);
-function MiPageController($scope) {
-  $scope.mostrar=false;
-}
-</sxh>
-Vemos que el modelo es simplemente un booleano llamado ''mostrar''.
-El código HTML es el siguiente:
-<sxh html>
-<body ng-controller="MiPageController">
-    <input type="checkbox" ng-model="mostrar">¿Mostrar?
-    <div ng-show="mostrar==true">Mostramos el div</div>
-</body>
-</sxh>
-Vemos que el ''<div>'' se muestra solo si el valor de ''mostrar=true''.
-**Demo**
-{{url>http://jsfiddle.net/logongas/5zs9R/embedded/result,js,html}}