如何在angular 2中下载多个文件

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, forkJoin } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DownloadService {
  constructor(private http: HttpClient) {}

  downloadFiles(fileUrls: string[]): Observable<Blob[]> {
    const requests: Observable<Blob>[] = [];

    fileUrls.forEach(url => {
      requests.push(this.http.get(url, { responseType: 'blob' }));
    });

    return forkJoin(requests);
  }
}

import { Component } from '@angular/core';
import { DownloadService } from './download.service';

@Component({
  selector: 'app-download',
  template: `
    <button (click)="download()">Download Files</button>
  `
})
export class DownloadComponent {
  constructor(private downloadService: DownloadService) {}

  download() {
    const fileUrls = [
      'http://example.com/file1.pdf',
      'http://example.com/file2.docx',
      'http://example.com/file3.jpg'
    ];

    this.downloadService.downloadFiles(fileUrls).subscribe(files => {
      files.forEach((file, index) => {
        const downloadLink = document.createElement('a');
        downloadLink.href = URL.createObjectURL(file);
        downloadLink.download = `file${index + 1}`;
        downloadLink.click();
      });
    });
  }
}