Angular 7 - дать пользователю предупреждение / сообщение / диалоговое окно, когда пользователь не сохранил данные форм редактирования и перешел на другую вкладку боковой панели
Я работаю над формами Angular 7 Template Driven. У меня есть боковой навигационный макет с четырьмя вкладками.
- Сотрудник
- Отдел
- Профиль
- Технологии
Когда я нажимаю на вкладку "Сотрудник", в форме отображается подробное представление "Сотрудник говорит Джон". Когда я нажимаю кнопку "Изменить", форма открывается в режиме редактирования и сообщает, обновляет ли пользователь какие-либо значения в форме, и вместо сохранения данных, если он щелкает вкладку "Отдел", я хочу показать ему предупреждающее сообщение.
Чтобы добиться этой функциональности при поиске в Интернете, я обнаружил CanDeActivate guard. Следует ли мне использовать этот подход? Или мне нужно было бы реализовать что-то еще?
Нет никакой последовательности вкладок, которыми должен управлять пользователь.