为什么我们在AugularJS中对ng-src使用双括号？

Question

我对AngularJS表达式感到困惑。

从w3schools.com，我了解到了

1. AngularJS表达式可以写在双括号内：{{ expression }}。
2. AngularJS表达式也可以写在指令中：ng-bind="expression".

但为什么我们使用ng-src={{...}}代替ng-src="..."？

处理AngularJS表达式时，ng-src是一个特殊情况吗？

Answer 1

是的，这是ng-src的一个特例，因为它正在等待template参数，这是一个string，其中包含任何类型的插值（{{}} ），如docs中所述。

<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" />

这取决于如何指令本身。

Answer 2

您可以同时使用两者。 当你绑定某些动态值时，请使用这样的方法。

ng-src="{{myVar}}"

当你在那时绑定静态值时，请使用这样的方法。

<img ng-src="string"></img>

希望这会让你清楚。

Answer 3

这已经提出了类，提到这个问题可能会有所帮助

Difference between double and single curly brace in angular JS?