Wie kann ich alle Bilder einer Angular2-Webanwendung zwischenspeichern/laden?

Question

Ich entwickle eine Webapp und es ist fast fertig. Das Problem ist, dass es viele Bilder im Ordner "Assets" gibt und wenn ich navigiere, blinkt der Bildschirm manchmal und ändert die Hintergrundbilder der Webapps.

Ist es möglich, alle Ressourcen vorab zu laden oder im Browser zwischenzuspeichern, um die Navigation flüssiger zu gestalten? Kann ich auch eine Rückmeldung über den Vorladeprozess erhalten, um eine "Lade" -Animation zu zeigen?

Vielen Dank!

Answer 1

Ich habe es nicht mit Bildern gemacht, aber ich würde versuchen, einen Resolve-Wächter zu Ihrer Heim-Route hinzuzufügen. Hier ist ein Beispiel, wo ich eine große 45MB JSON-Datei mit dem Resolver https://github.com/Farata/angulartypescript/tree/master/chapter3/router-samples/src/app/resolver

vorladen. In dieser App verwende ich Angular Material <md-progress-bar> bar, um den Fortschritt anzuzeigen.