如何在Angularjs中推迟img src url计算？

Question

我有以下模板的指令：

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

并且不希望在使用实际值替换{{user.img}}之前向此网址发送请求。

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处理表达式所需的时间。 SEE HERE