Tengo una página de Gestión de errores (principal) que muestra un modal (secundario). En ese modal hay un botón Eliminar.

Aquí está el método para ese botón de borrar...

 public async deleteAsync(): Promise<void> { try { await this.http.delete<any>('https://localhost:7168/api/ErrorManagement/DeleteError/').toPromise(); this.fetchData(); } catch (error: any) { this.notifyService.showError("Unable to delete " + this.whatYouWantToDelete); } finally { // Close the modal this.bsModalRef.hide(); } }

Después de presionar el punto final de error de eliminación, llamo al método fetchData(). Está disponible en el modal porque lo envié desde el padre (página de Gestión de errores) al hijo (modal).

Aquí está el código para eso ...

 public async fetchDataAsync(): Promise<void> { try { window.location.reload(); } catch (error: any) { this.pageLoadError = JSON.stringify(error.message); } }

En este momento, estoy usando window.location.reload() para intentar actualizar el padre (que tiene una lista de errores) DESPUÉS de que el hijo (modal) haya eliminado uno de los errores.

Según mi ejemplo anterior, ¿cuál es la mejor manera de actualizar una página (principal) después de que se haya cerrado un modal (secundario)?