Angular 7 - 离开确认

Question

我想知道当用户单击单页应用程序中的不同模块时，如果某个模块上有未保存的数据，是否可以触发离开确认。如果您也可以在用户刷新或离开网页时触发此操作。你将如何实现它？

提前致谢！

Answer 1

使用CanDeactivate可以很容易地确认路由到另一个模块。

刷新和xing 选项卡可能有点棘手。您必须将侦听器添加到窗口事件beforeunload。

这样的事情可能适用于给定的组件：

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