急切加载 Angular 中的图像

Question

我正在编写一个显示图片库的 angular 应用程序。我想在用户单击 "next" 之前在 "next" 画廊中急切地加载图像（来自 URL），以便下一个画廊似乎可以立即加载。

我可以想出一种方法来实现这一点，即让隐藏字段可见但看起来不是特别优雅。有没有更好的方法？

Answer 1

有一组图像 url 并用它们创建图像。

['image1.jpg', 'image2.jpg'].forEach(url => {
  (new Image()).src = url;
});