在angular（关闭/刷新案例）中何时取消订阅SSE事件源事件

Question

我正在我的应用程序中的服务中使用某些EventSource。

我想在浏览器关闭/刷新时关闭所有连接。

我看过这篇文章

现在，这就是我添加到我的服务中的内容。

  @HostListener('window:beforeunload')
  onBrowserClose() {
    this.clearAll();
  }

  clearAll() {
    if (this.eventSource) {
      this.eventSource.close();
    }
    this.callbacks = new Map<string, (e: any) => void>();
  }

有更好的解决办法吗？

Answer 1

您可以使用ngondestory（）取消订阅事件

ngOnDestroy() {
  if (this.eventSource) {
    this.eventSource.close();
  }
  this.callbacks = new Map<string, (e: any) => void>();
}

我想在浏览器关闭/刷新时关闭所有连接。

this angular life cycle method will be called when component is going to destroy