我如何緩存/預先加載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來顯示進度。