Javascript 角度img src绑定和浏览器缓存

我注意到angular 5应用程序中有一个奇怪的行为，我在不同的地方用以下方式显示图像

<img src="{{user.avatar}}"/>

Chrome将显示另一个用户的图片，尽管当I console.log或调试应用程序时，打印的url是正确的。当我更改浏览器选项卡并返回到当前选项卡时，将加载正确的图像，这导致我假设这是浏览器缓存问题

这种行为是随机的，在Firefox中似乎不会发生。我也尝试过

，结果也一样

还尝试在src值上添加随机伪参数以防止浏览器缓存：

---

这似乎是可行的，但使图像加载相当缓慢，所以我宁愿避免它。你知道为什么会发生这种情况吗？

你能分享你为用户分配url的代码吗？除非你有不同的url，否则这个问题确实会造成伤害。而你的另一个解决方案（添加随机数等）看起来像是一件事，除非你可以使用标题…URL来自服务器端，属于

http://localhost:8080/api/images/john.jpg

和

http://localhost:8080/api/images/mary.jpg

。我不明白为什么玛丽会取代约翰。你可以在页面上显示图像URL（例如，

{{user.avatar}}

），看看它是否总是正确的。由于每个用户的URL不同，我不明白为什么缓存会有问题。可能是视图没有在适当的时间刷新。我刷新了，而且它确实打印了正确的url，即使我从浏览器中检查元素，它也有正确的url。如何更改刷新间隔？