Uso Angular 7. Trato con documentos Cuando hago clic en el botón "INDEXADOR", se abre una segunda pestaña con el contenido del primer documento y un formulario. Cuando se completa el formulario, el segundo documento aparece en esta segunda pestaña, etc. Cuando todos los documentos están bien, se cierra esta segunda pestaña y se debe actualizar la primera pestaña principal.

Código para la segunda pestaña:

 iterate(index) { this.loadingAction = false; if (index < this.workflowList.length) { this.getDetails(this.workflowList[index]); } else { localStorage.setItem('actualise', 'true'); window.close(); } }

Código para la primera pestaña

 ngOnInit() { const that = this; // COMMUNICATION INTER ONGLETS window.addEventListener('storage', (event) => { console.log(event.key) // console.log('event storage = LocaleStorage : ' + event.storageArea !== localStorage); if (event.storageArea !== localStorage) { return; } if (event.key === 'actualise') { // if (event.storageArea.getItem('actualise') === 'true') { console.log('appel backend') this.refresh(); } else { console.log(localStorage.getItem('actualise')); } }); }

El problema es que el backend se llama varias veces y cuando hay muchos documentos, es muy largo.

Actualicé el código para que el backend se llame una vez, funciona pero la pantalla no se actualiza

Original: backend llamado varias veces y actualización de pantalla

Actualización: backend llamado una vez pero la pantalla no se actualiza

¿Cómo puedo solucionar eso?