如何推遲Angular.js中的img src url計算？

Question

我有以下模板的指令：

<img src="https://some.base.url&user={{user.img}}"/>

並且不想在將{{user.img}}替換為實際值之前向此url發送請求。

Answer 1

您應該使用ng-src而不是src： http : //docs.angularjs.org/api/ng.directive : ngSrc

Answer 2

您的代碼應使用以下代碼：

<img ng-src="https://some.base.url&user={{user.img}}"/>

瀏覽器在緩存圖像等方面表現得非常凶悍。 給它一個“ ng-src”屬性可以使Angular有時間處理src，然后為您設置它。

在旁注中，應該對錨標記使用“ href”執行相同的操作。 使用“ ng-href”而不是“ href”。 它將使Angular有時間處理表達式。 看這里