我有大约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/

10-14 13:33
查看更多