menú
buscar
¡Esta es una revisión vieja del documento!
ng-hide
Esta directiva indica si se oculta o no un elemento HTML.
uso:
1 | <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:
1 2 3 4 5 | 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:
1 2 3 4 | <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
