Angular在下载文件时忽略离开页面事件

import { Component, OnDestroy } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { saveAs } from 'file-saver';

@Component({
  selector: 'app-download',
  template: `
    <button (click)="downloadFile()">下载文件</button>
  `,
})
export class DownloadComponent implements OnDestroy {
  private downloadSubscription: Subscription;

  constructor(private http: HttpClient) {}

  downloadFile() {
    const url = 'http://example.com/file.pdf'; // 替换为实际文件的URL
    this.downloadSubscription = this.http
      .get(url, { responseType: 'blob' })
      .subscribe((response: Blob) => {
        saveAs(response, 'file.pdf'); // 替换为实际文件名
      });
  }

  ngOnDestroy() {
    if (this.downloadSubscription) {
      this.downloadSubscription.unsubscribe();
    }
  }
}