JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="linkSample" ng-controller="Controller">
    <button ng-click="toggleLink();">Toggle</button>
    <a href="some.html" ng-class="linkEnabled ? '' : 'inactive'">
        Link
    </a>
</div>

CSS

.inactive {
  color: #ccc;
  pointer-events: none;
  cursor: default;
}

JavaScript

angular.module('linkSample', [])
  .controller('Controller', ['$scope', function($scope) {
    $scope.linkEnabled = true;
    $scope.toggleLink = function() {
      $scope.linkEnabled = !$scope.linkEnabled;
    }
  }]);