Javascript 禁用href链接如果{{permission}

如果例如：permission=user

下面是我根据权限隐藏元素的示例：

<td ng-hide = "{{main.user}}" ng-show="main.admin">{{I'm hidden}}</td>

{{I'm hidden}

禁用a href如何？类似：禁用a href单击if={{{main.user}

<a class="text-primary" href="stackoverflow">Click Me</a>

---

超链接不支持禁用的

属性。但您可以创建一个CSS类，它基本上做相同的事情，比如：

.disabled {
    cursor: not-allowed;
}

然后有条件地将该类应用于元素：

<a ng-class="{disabled: notAllowed}">Link</a>

当然，这很容易被用户禁用，因为它是客户端的。但对于任何JavaScript都是如此。
ng href=“{{（main.user）？'stackoverflow'：'#'}}”
使用条件语句
<a ng-class="{disabled: notAllowed}" ng-click="stopClick($event)">Link</a>

$scope.stopClick = function($event) {
    if ($scope.notAllowed) {
        $event.preventDefault();
    }
}