Creé una window externa en la aplicación Angular, todo funciona bien, pero quiero close la window externa después de cerrar sesión en la aplicación
Escribí el código a continuación, me muevo de 1 página a otra página y luego la ventana externa se cierra correctamente. Si presiono el botón de cierre de sesión, la ventana externa no se close (no se llama a ngOnDestroy en el caso de cierre de sesión de la aplicación)
ngAfterViewInit() { this.externalWindow = window.open('', '', `width=${this.wWidth},height=${this.wHeight},left=${this.wLeft},top=${this.wTop}`) this.host = new DomPortalOutlet( this.externalWindow.document.body, this.componentFactoryResolver, this.applicationRef, this.injector ) this.host.attach(this.portal) } ngOnDestroy() { this.externalWindow.close() }this.externalWindow.close() es de hecho la funcionalidad que necesita usar. El problema es que también debe activarlo al click en cerrar sesión. Puedes tener algo como
onClick="closeExternalWindow()" por supuesto, debe implementar closeExternalWindow , que hace el cierre de sesión para externalWindow y luego llamar a esta función tanto al destruir como al hacer clic en cerrar sesión.
ngOnDestroy se dispara solo cuando el componente se destruye. En el caso de uso de cierre de sesión, estamos redirigiendo a la URL de inicio de sesión, lo que significa que actualiza la página (esto está fuera del flujo de trabajo angular), por lo tanto, ngOnDestroy no se activa.
Si muevo 1 ruta a una ruta diferente dentro de la aplicación, entonces ngOnDestroy dispara y cierra la ventana externa.
Este artículo me ayudó a encontrar la solución ngOnDestroy que no se dispara al recargar la página
Solución:
ngOnInit() { window.onbeforeunload = () => this.ngOnDestroy() }