Cuando una página se enruta a otra página o cuando un usuario presiona los botones Atrás, Adelante o Actualizar, se muestra la ventana de alerta y el usuario selecciona Mover, y desea continuar con el proceso de inicialización.
Para eventos de descarga, esto no ocurre en el enrutamiento de páginas. Intentó usar canDeactivate, pero no pudo ejecutar una función específica después de cerrar la ventana de alerta.
Quiero saber el método detallado y el ejemplo. (No estoy familiarizado con el angular)
Sí. Puedo pensar en dos posibles soluciones a su problema:
-1- Si está utilizando Angular Material Dialog combinado con canDeactivate guard logic, hay un método integrado llamado así. Se nombra beforeClosed . Devuelve un Observable al que puede suscribirse que le notificará cuando el cuadro de diálogo comenzó a cerrarse. Dentro de este método puedes ejecutar tu función.
-2- Angular router tiene una API llamada events . Esencialmente, lo ayuda a rastrear el estado del router . Puede detectar cuándo el router inicia la navegación, finaliza la navegación, cancela la navegación, resuelve la navegación, etc. Para una lista completa de events avanzados de la API . Consulte este enlace de documentación Genial, con esta API puede elegir el evento correcto que más le convenga y poner su función dentro de la condición, como:
checkRouterEventToFireCustomFunctionLogic(){ this.router.events.subscribe((routerEvent) => { if(routerEvent instanceof NavigationStart) { // execute my custom function OR // just console.log("Hello World") } }); } PD: el evento beforeunload no es realmente bueno, especialmente cuando se trata de Web Vitals bfcache