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.
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.
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/
.