如何在Angular中接收下载excel文件的blob响应

npm install file-saver --save

import { Component } from '@angular/core';
import { FileSaverService } from 'ngx-filesaver';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  constructor(private fileSaverService: FileSaverService) { }

  downloadExcelFile() {
    // 发起HTTP请求获取Excel文件的Blob响应
    // 假设你已经实现了一个名为`downloadExcel`的服务来处理下载请求
    this.downloadExcel.downloadExcel().subscribe(
      (response: Blob) => {
        // 使用FileSaver保存Blob响应为Excel文件
        this.fileSaverService.save(response, 'filename.xlsx');
      },
      (error) => {
        console.error('下载Excel文件失败：', error);
      }
    );
  }
}

<button (click)="downloadExcelFile()">下载Excel文件</button>