angular监听页面关闭

在 Angular 中，您可以使用 HostListener 和 BeforeUnloadEvent 来监听页面关闭事件。您需要在组件上定义一个方法，并在该方法中使用 @HostListener 装饰器注册事件处理程序。

以下是代码示例：

import { Component, HostListener } from '@angular/core';
import { BeforeUnloadEvent } from '@angular/platform-browser';
@Component({
  selector: 'app-root',
  template: '<h1>Angular App</h1>',
export class AppComponent {
  @HostListener('window:beforeunload', ['$event'])
  unloadHandler(event: BeforeUnloadEvent) {
    event.returnValue = true;
在上面的代码中，我们使用了 @HostListener 装饰器，并将其绑定到 window:beforeunload 事件。我们定义了一个名为 unloadHandler 的方法，用于处理页面关闭事件。