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

Question

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

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

Controller 由路由设置。现在当有一个 Controller 具有这样的属性时

$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]"