我有大约300个设计,并且一次加载全部。我想缓存这些图像,而不是每次都调用服务器。 (我的情况大部分时间都不会改变)。以下是我如何加载它们的代码。缓存它们的最佳方法是什么。
app-thumbnail是一个不同的组件,我只在其中加载图像。
<div *ngFor="let design of designs">
<div (click)="showDesignDetails(design.designId)">
<app-thumbnail [designId]="design.designId"></app-thumbnail>
</div>
</div>
最佳答案
我可以想到两种方式:
1)Application Cache Manifest。根据文档,
2)Service Workers。通过使用服务 worker ,您可以缓存各种类型的资源,包括图像和网络请求。
尽管这使我想到了使用Progressive Web Applications(PWA)的主题。由于您使用的是Angular,因此可以按照官方的Angular guide来设置服务 worker ,轻松地将其设置为PWA(基于服务 worker 的使用情况)。
关于angular - 在Angular中缓存图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56387951/