如何在canDeactivate防护指令中实现@HostListener('window:beforeunload'，['$event'])？

import { CanDeactivate } from '@angular/router';

export interface CanComponentDeactivate {
  canDeactivate: () => boolean;
}

export class YourComponent implements CanDeactivate<CanComponentDeactivate> {
  // ...
}

export class YourComponent implements CanDeactivate<CanComponentDeactivate> {
  // ...

  canDeactivate(): boolean {
    // 在这里实现你的逻辑，判断是否允许离开当前路由
    // 如果允许离开，返回true；否则返回false
  }
}

export class YourComponent implements CanDeactivate<CanComponentDeactivate> {
  // ...

  @HostListener('window:beforeunload', ['$event'])
  unloadNotification($event: any) {
    if (!this.canDeactivate()) {
      $event.returnValue = true;
    }
  }
}