Javascript angularjs：如何根据作用域属性使链接不可单击

在我的html中，我有一个如下链接

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

我想链接是不可点击的。我尝试了以下方法

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

---

但这不起作用。现在，在我编写指令之前，我想知道这样做是否不可能？

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

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

---

我投票支持Aleksander的答案，只是一个小小的提示：禁用链接只能在IE中工作（我不确定它是否在所有版本中都能工作）。你能看看我的链接吗，因为我无法让它工作。你使用的是Angular 1.1，所以你需要使用我的第一行：我两个都试过了，但我没有{和}。你知道他们在哪个网站解释什么时候使用“字符串”、{..}或{{…}吗？

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

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

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