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-