javascript - angularjs：如何根据范围属性使链接不可点击

Question

在我的 html 中，我有一个类似的链接

<a href="/">Home</a>

控制器由路由设置。现在，当有一个具有这样属性的控制器时

$scope.isNotClickable = true ;

我希望链接不可点击。我尝试了以下

<a href="/" ng-disabled="isNotClickable">Home</a>

但这不起作用。现在在我写一个指令之前，我想知道这样的事情是不是不可能的？

Answer 1

如果 isNotClickable 为真，您可以动态更改链接的 href 以仅指向当前页面：

<a ng-href="{{isNotClickable && '#' || '/'}}">Home</a>

等效于 Angular 1.2：

<a ng-href="{{isNotClickable ? '#' : '/'}}">Home</a>

您可能还想更改样式，因此可以添加 ng 样式：

ng-style="{true: {color: 'grey'}, false: {}}[isNotClickable]"