Angular 7 - оставить подтверждение

Question

Мне было интересно, можно ли вызвать подтверждение об отпуске, когда на определенном модуле есть несохраненные данные, когда пользователь нажимает на другой модуль в вашем одностраничном приложении.И если вы могли бы также вызвать это, когда пользователь обновляет или покидает веб-страницу.Как бы вы это реализовали?

Заранее спасибо!

Answer 1

Подтверждение маршрутизации в другой модуль может быть легко реализовано с помощью CanDeactivate .

Обновление и x вкладка может быть немного сложнее. Вам нужно будет добавить слушателя в событие окна beforeunload.

Примерно так может работать для данного компонента:

@HostListener('window:beforeunload', ['$event'])
unloadHandler(event: Event) {
    // Your logic on beforeunload
}