angularjs – 为什么指令ng-href需要{{}}而其他指令不？

<a ng-href="{{myScopeVar}}" ng-if="myScopeVar">link</a>

我不太确定你的问题。但我认为你想知道为什么在角度指令有不同的语法风格。首先，请看看这篇文章： Difference between double and single curly brace in angular JS?答案解释了{{}}，{}和没有大括号之间的区别。

对于你的具体例子，如文档所述：ng-href需要一个模板(任何可以包含{{}}标记的字符串)，而ng-if需要一个表达式。你可能不写{{}}，因为angular评估它。

如果你看一下角源，你会看到，ng-href使用attr。$ observe，而ng-if使用$ scope。$ watch函数。 $ observe在属性值的每次更改时计算。 $ watch被调用，当表达式得到一个新值时。

但为什么这两种不同的方式？我认为一点是更容易使用和代码可读性。现在你可以写：

<a ng-href="http://yourdomain.com/users/{{userId}}/post/{{postId}}">title</a>

如您所见，您只需为动态插入的userId和postId值编写一个表达式。如果ng-href也使用$ watch函数，我们必须写(不要这样做，因为它不会工作 – 它只是表明了差异)：

<a ng-href="'http://yourdomain.com/users/'+userId+'/post'+postId">title</a>