爲什麼我們在AugularJS中對ng-src使用雙括號？

Question

我對AngularJS表達式感到困惑。

從w3schools.com，我得知

1. AngularJS表達式可以寫成雙括號內：{{ expression }}。
2. AngularJS表達式也可以在指令裏面寫：ng-bind="expression".

，但爲什麼我們使用ng-src={{...}}代替ng-src="..."？

ng-src是處理AngularJS表達式的特例嗎？

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?