Estoy usando ng-disabled, me gusta. Está funcionando bien para mí para la entrada y los botones. Para la etiqueta de anclaje no funciona. ¿Cómo puedo arreglar?
HTML code
<a ng-disabled="addInviteesDisabled()">Add</a>
JS code
$scope.addInviteesDisabled = function() { return $scope.event.status === APP_CONSTANTS.STATUSES.PENDING_APPROVAL; };
No hay ningún atributo deshabilitado para los hipervínculos. Puedes hacerlo:
.disabled { cursor: not-allowed; } <a ng-click="disabled()" ng-class="{disabled: addInviteesDisabled()}">Add</a> $scope.disabled = function() { if($scope.addInviteesDisabled) { return false;} }
Puede crear una clase css linkDisabled
y aplicarla a su ancla:
<style> .linkDisabled { cursor: not-allowed; pointer-events: none; color: grey; } </style>
Puede hacer esto a través de CSS, no se necesitan directivas sofisticadas. Simplemente use ng-class para aplicar una clase como esta:
clase ng:
ng-class="{disabledLink: disabledFunction()}"
CSS:
.disabledLink { color: #ccc; pointer-events:none; }
credito total a-