我如何缓存/预先加载Angular2 webapp的所有图像？

Question

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

是否可以预先加载所有资源或将它们缓存在浏览器中以使导航更流畅？另外，为了显示“加载”动画，我可以获得预加载过程的反馈吗？

非常感谢！

Answer 1

我没有用图像做，但我会尝试添加一个Resolve卫兵到你的家（默认）路线。下面是一个使用解析器预先载入大型45MB JSON文件的示例。https://github.com/Farata/angulartypescript/tree/master/chapter3/router-samples/src/app/resolver

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