/canDeactivate-example

Ejemplo de uso de la guarda canDeactivate del Router de Angular para prevenir la pérdida accidental de información al abandonar una ruta.

Primary LanguageTypeScript

Ejemplo de uso de la guarda canDeactivate

Esta es una aplicación básica de ejemplo para entender el funcionamiento de la guarda canDeactivate del Router de Angular en la que usamos la guarda para mostrar un diálogo de confirmación cuando el usuario tiene cambios sin guardar en el formulario de la ruta en la que está aplicada la guarda. Esta aplicación sirve de apoyo para el siguiente video.

Observaciones

Esta aplicación está única y exclusivamente creada para mostrar la funcionalidad descrita anteriormente lo más claramente posible. Debido a esto, partes del código han podido ser simplificadas u omitidas, y por tanto, no son ni pretenden ser ejemplos de buenas práticas.

Comandos

El proyecto está realizado sobre la v15.2.7 de Angular.

Para levantar un servidor de desarrollo usar el comando ng serve. Este estará disponible en http://localhost:4200/.

Para compilar la aplicación usar el comando ng build. Pudiendo usar la opcion --prod para compilar la versión de producción. Los archivos de la aplicación estarán disponibles en la carpeta dist/.