¡Esta es una revisión vieja del documento!
Esta directiva indica si se deshabilita o no un elemento HTML.
uso:
<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:
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:
<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