在卸载和卸载之前使用角度显示错误阻止警报关闭浏览器时，使网站保持警报

Question

当用户尝试关闭浏览器时，如何使用Angular实现“离开网站”警报

我在卸载之前尝试使用Hostlistener。

我被检查的调试器暂停。它显示以下错误

1）卸载前阻止警报   2）卸载后阻止警报

Answer 1

要处理此类问题时，可以使用unload和beforeunload事件。下面的代码将帮助您获得解决方案。

export class AppComponent {
  @HostListener('window:unload', [ '$event' ])
  unloadHandler(event) {
    //If you want to do something when page gets reloaded or on leaving page
  }

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

希望您能得到解决方案。