如何在角度2中缓存图像路径

Question

我创建了一个图像滑块。为了获取下一张和上一张图像，我创建了2个功能。

component.ts：

ngOnInit(){

  this.length = this.images.length; }

getNextImage(){
    this.imageUrl = '';
    this.imageIndex++;
    if (this.imageIndex< this.length){
      this.imageUrl = this.images[this.imageIndex] 
    }
}
getPreviousImage(){
  this.imageUrl = '';
     this.imageIndex++;
       if (this.imageIndex>= 0){
          this.imageUrl = this.images[this.imageIndex] 
          }
     }

每次我单击上一个和下一个按钮时，图像都会再次下载。

是否有一种方法可以将图像下载一次，然后将其保存在缓存中？

这仅适用于服务人员吗？

Answer 1

您可以为所有图像创建标记，并根据情况显示/隐藏图像。您可能要使用hidden。 在这种情况下，所有图像都会立即全部加载到内存中，并保留在内存中，直到DOM被破坏为止。

Answer 2

描述为in this stack overflow question的另一种选择是使用Application Cache