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

Question

在我的HTML中，我有一个像

这样的链接

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

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

$scope.isNotClickable = true ;

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

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

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

Answer 1

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

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

Angular 1.2中的等价物：

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

您可能也希望更改样式，因此可以添加ng样式：

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