防止关闭 Angular 5.x 中的浏览器选项卡/窗口

在 Angular 5.x 中，我们如何防止关闭浏览器选项卡或浏览器窗口本身？

我尝试了另一篇文章中推荐的解决方案（Angular 2 中表单脏时防止关闭浏览器选项卡 https://stackoverflow.com/questions/40719711/prevent-closing-browser-tab-when-form-is-dirty-in-angular-2）。不幸的是，它在 Angular 5.x 中不起作用。

下面的解决方案部分有效：

@HostListener('window:beforeunload', ['$event'])
handleClose(event) {
    event.returnValue = false;

上面的代码的作用是显示一个弹出窗口，询问“您想离开此网站吗？”有两个按钮 - 离开，留下。

我也尝试了“卸载”和“关闭”事件，而不是“卸载前”事件。

提前致谢！

也许存在我不知道的 Angular 5 问题或更改，但您在处理事件的函数中缺少“$”符号。应该是这样的：

@HostListener('window:beforeunload', ['$event'])
handleClose($event) {
    $event.returnValue = false;
}

编辑：我无法发表评论，所以这就是我写这个作为答案的原因。