要在Angular 7中使用FileSaver.js下载Excel文件,可以按照以下步骤进行操作:
npm install file-saver --save
npm install xlsx --save
import { Component } from '@angular/core';
import { Workbook } from 'xlsx';
import * as FileSaver from 'file-saver';
downloadExcelFile() {
const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(yourData);
const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
const data: Blob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8' });
FileSaver.saveAs(data, 'filename.xlsx');
}
请注意,你需要将 yourData
替换为你要下载的Excel文件内容的数据。
这样,当用户点击按钮时,Excel文件将被下载到他们的计算机中。
确保按照上述步骤正确安装和使用FileSaver.js和xlsx库,并根据你的需求进行适当的更改。这样,你应该能够在Angular 7中成功下载Excel文件。