如何缓存/预加载Angular2 webapp的所有图像?

时间:2017-09-27 06:03:35

标签: angular typescript web-applications angular2-services preload

我正在开发一个webapp,它几乎完成了。问题是资产文件夹中有很多图像,当我浏览屏幕时,有时会闪烁更改webapp背景图像。

是否可以预加载所有资源或将其缓存在浏览器中以使导航更流畅?另外,我是否可以获得预加载过程的反馈,以显示" loading"动画?

非常感谢!

1 个答案:

答案 0 :(得分:-1)

我没有使用图像,但我会尝试将Resolve后卫添加到您的家庭(默认)路线。这是一个使用解析器https://github.com/Farata/angulartypescript/tree/master/chapter3/router-samples/src/app/resolver

预加载大型45MB JSON文件的示例

在该应用程序中,我使用Angular Material <md-progress-bar>栏来显示进度。