¡Esta es una revisión vieja del documento!
Esta directiva indica si se deshabilita o no un elemento HTML.
uso:
1 | < tag ng-disabled = "expresion_angular" ></ tag > |
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:
1 2 3 4 5 | var app = angular.module( "MiApp" , []); function MiPageController($scope) { $scope.deshabilitado = false ; } |
Vemos que el modelo es simplemente un booleano llamado deshabilitado
.
El código HTML es el siguiente:
1 2 3 4 5 | < body ng-controller = "MiPageController" > < input type = "checkbox" ng-model = "deshabilitado" >¿Deshabilitar? < br /> Valor:< input type = "text" ng-disabled = "deshabilitado==true" > </ body > |
Vemos que el <input>
se deshabilita solo si el valor de deshabilitado=true
.
Demo