Angular 加载图像时缓存图像?

Angular cache images when already loaded?

当点击每个项目转到项目详细信息时,我们在项目列表页面中显示项目图像。

我们不想再次加载图像的问题只是从项目列表中取出它来显示

如何解决这个问题?

大多数浏览器在默认情况下会缓存应用程序中加载的图像一次,因此当您再次发出相同的请求时,它不一定需要再次从服务器加载它。

要检查这一点,您可以在 Chrome 中 运行 您的应用程序,然后 运行 开发人员工具并转到“网络”选项卡,然后在过滤器部分单击 Img 标签,这样它将仅按图像过滤。

执行此操作后,请尝试刷新页面,您会看到一些图像已从任一磁盘 cache/memory 缓存中加载,因此无需一次又一次地从服务器加载。

大多数浏览器默认缓存但不缓存 firebase 存储的图像