如何预加载/缓存图像

How to preload / caching images

我的 ionic 应用程序中有一个页面,在 "ion-content" 上使用 css:

全屏背景图片
<ion-content 
  [ngStyle]="{'background-image': 'url(' + bgImageSrc + ')'}"
  class="fullScreenBackground">

现在我应该 preload/cache 渲染视图之前的图像,以确保背景立即出现。

有人对此有好的解决方案吗?

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

那么您只需要在 JavaScript 中查找一个预加载图片的片段即可。