How to warn the user about unsaved changes to the form before leaving the page? - angular 6

Question

I am using angular6 and would like to warn the user that there are unsaved changes in the form (update) before the user change screen. My form was created using formBuilder.

Answer 1

You can do it using angular route-guards. As it is big topic i would suggest, please take a look into following: https://angular.io/guide/router#milestone-5-route-guards