Предупредить пользователя перед тем, как покинуть веб-страницу с угловыми несохраненными изменениями

Question

У меня есть несколько страниц с формами в моем приложении.

Как я могу защитить форму таким образом, чтобы, если кто-то уходит или закрывает вкладку браузера, ему было предложено подтвердить, что он действительно хочет оставить форму с несохраненными данными?

Answer 1

Это выглядит как идеальный случай для использования CanDeactivate Guard. Я создал видео , доступное на YouTube, которое вы можете посмотреть и внедрить.

Но это будет работать только при навигации по маршруту. Не уверен, будет ли это работать при закрытии окна.

Так что для этого вы можете использовать window.onbeforeunload. Вот поток StackOverflow , который вы можете прочитать, чтобы посмотреть.

Надеюсь, это поможет.