Muestra las diferencias entre dos versiones de la página.
unidades:01_introduccion:directivas:ngdisabled [2013/09/10 23:29] admin Page moved from unidades:directivas:unidades:01_introduccion:ngdisabled to unidades:01_introduccion:directivas:ngdisabled |
— (actual) | ||
---|---|---|---|
Línea 1: | Línea 1: | ||
- | ====== ng-disabled====== | ||
- | Esta directiva indica si se deshabilita o no un elemento HTML. | ||
- | |||
- | uso: | ||
- | <sxh html> | ||
- | <tag ng-disabled="expresion_angular" ></tag> | ||
- | </sxh> | ||
- | |||
- | Si la ''expresion_angular'' es ''true'' se deshabilita el elemento, si es ''false'' se habilita el elemento. | ||
- | |||
- | Veamos ahora un ejemplo: | ||
- | |||
- | El código JavaScript es el siguiente: | ||
- | <sxh js> | ||
- | var app = angular.module("MiApp", []); | ||
- | |||
- | function MiPageController($scope) { | ||
- | $scope.deshabilitado = false; | ||
- | } | ||
- | </sxh> | ||
- | |||
- | Vemos que el modelo es simplemente un booleano llamado ''deshabilitado''. | ||
- | |||
- | El código HTML es el siguiente: | ||
- | <sxh html> | ||
- | <body ng-controller="MiPageController"> | ||
- | <input type="checkbox" ng-model="deshabilitado">¿Deshabilitar? | ||
- | <br /> | ||
- | Valor:<input type="text" ng-disabled="deshabilitado==true"> | ||
- | </body> | ||
- | </sxh> | ||
- | |||
- | Vemos que el ''<input>'' se deshabilita solo si el valor de ''deshabilitado=true''. | ||
- | |||
- | **Demo** | ||
- | {{url>http://jsfiddle.net/logongas/W4dMs/embedded/result,js,html}} | ||