Angular 6：防止默认的卸载前确认弹出窗口

Question

我想限制用户在Angular 6应用程序中重新加载浏览器。使用以下代码，它将显示默认的确认弹出窗口，但我想显示自己的弹出窗口。

@HostListener('window:beforeunload', ['$event'])
 doBeforeUnload($event) {
 return false;
}

如果我删除“ return false”，则事件将触发而没有默认确认弹出窗口，但不会停止刷新。没有该弹出窗口，有什么方法可以停止重新加载？ 谢谢

Answer 1

尝试使用CanDeactivate防护措施来确定是否可以停用路线，

CanDeactivate guard (ask permission to discard unsaved changes)

它在https://angular.io/guide/router

中指定

使用当前方法，您无法停止/覆盖默认浏览器的确认框。