如何在 Angular 6+ 中检测浏览器关闭事件或标签关闭事件？

Question

我在我的 AppComponent 类中写了@HostListener 来检测浏览器关闭或标签关闭。

我已经编写了这段代码，但它不起作用。请帮助我了解为什么我的代码不起作用

下面是我的代码。

export class AppComponent {

  @HostListener('window:unload', [ '$event' ])
  unloadHandler(event) {
    alert('call unload');
  }

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

Answer 1

使用 Angular 守卫，Angular 中有 5 种类型的守卫，分别是 CanActivate、CanActivateChild、CanDeactivate、Resolve 和 CanLoad