¿Es posible llamar a readystateChange varias veces? Mi página carga svgs grandes en el .html. Cuando navego por las rutas, pude ver algo de retraso.

Por lo tanto, esperaba usar algún cargador para ocultar el retraso, pero me di cuenta de que no podía llamar a document.readystatechange varias veces.

Ejemplo: App.component.ts

 ngAfterViewInit() : void { var self = this; document.addEventListener('readystatechange', function(evt:any) { switch (evt.target.readyState) { case "loading": // The document is still loading. break; case "interactive": // The document has finished loading. We can now access the DOM elements. break; case "complete": // The document and all sub-resources have finished loading. console.log("Completed success? 2 time?") self.closeLoader(); break; } }, false); }

PD: Traté de poner el mismo código en los guardias para que vuelva a ejecutar el código, pero no pasó nada. Gracias de antemano.