¡Esta es una revisión vieja del documento!
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