在ng-repeat中使用src的图像

Question

我有这样的模板

<div ng-repeat="product in products">
    <img src="{{product.Link}}" />
    .....
</div>

每次重新生成时，都会导致浏览器清除img并将其重新放回，因此将从源重新下载。结果看起来很笨重的ajax。如何将图像放在ng-repeat中？

Answer 1

使用ngSrc指令。它过去常常解决这个问题。

https://docs.angularjs.org/api/ng/directive/ngSrc

Answer 2

由于接受的答案是不正确的，我无法评论生病的新答案。

正确答案是使用track by

例如

<div ng-repeat="product in products track by $index">
    <img src="{{product.Link}}" />
    .....
</div>

这会导致元素和图像不被重绘，而只是重新绘制。