Microsoft Edge - Disabled link is clickable

Question

I have an angular anchor tag in my page, and when it is disable it's still clickable in the Microsoft Edge browser.

<a ng-disabled="true" ng-click="Click()">Link</a>


a[disabled] {
    pointer-events: none;
}

How do I solve this?

Answer 1

Try:

.disabled {
  cursor: not-allowed;
}

<a ng-click="disabled()" ng-class="{disabled: addInviteesDisabled()}">Link</a>

$scope.disabled = function() {
  //your display logic goes here should return true/false
}