使用angular 2和web API下载文件

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class FileService {
  constructor(private http: HttpClient) {}

  downloadFile(url: string): void {
    this.http.get(url, { responseType: 'blob' }).subscribe((response: Blob) => {
      const downloadUrl = window.URL.createObjectURL(response);
      const link = document.createElement('a');
      link.href = downloadUrl;
      link.download = 'filename.ext';
      link.click();
      window.URL.revokeObjectURL(downloadUrl);
    });
  }
}

import { Component } from '@angular/core';
import { FileService } from './file.service';

@Component({
  selector: 'app-download-button',
  template: '<button (click)="download()">Download</button>',
})
export class DownloadButtonComponent {
  constructor(private fileService: FileService) {}

  download(): void {
    const fileUrl = 'https://example.com/file-url';
    this.fileService.downloadFile(fileUrl);
  }
}