angular - 如何预加载/缓存图像

Question

我的 ionic 应用程序中有一个页面，其中使用 css 在“ion-content”上使用全屏背景图像：

<ion-content 
  [ngStyle]="{'background-image': 'url(' + bgImageSrc + ')'}"
  class="fullScreenBackground">

现在我应该在渲染视图之前预加载/缓存图像，以确保背景立即出现。

有没有人有一个好的解决方案？

标签： angularionic-frameworkionic4

Answer 1

Ionic 确实具有称为 LoadingController 的内置功能，请查看文档。

然后，您只需要查找一个片段即可在 JavaScript 中预加载图像。