无法使用 json 数据和使用 angular 8 的 xlsx 导出到 excel

Question

我无法使用 angular 使用 xlsx 库 将对象数组导出到 excel sheet 8. 这是我的示例使用多个 sheet 将 json 数据导出到 excel 的代码。

在我的 app.html 文件中。

<button (click)="exportAsXLSX()" >Export to Excel </button>

在我的 app.ts 文件中。

  public exportAsXLSX():void {
    let myExcelData = {teams: [{name: 'chelsea', matchsAvailable: 10},
                           {name: 'manu', matchsAvailable: 10},
                          {name: 'spurs', matchsAvailable: 10}, 
                          {name: 'arsenal', matchsAvailable: 10}],
                   Managers: [{team: 'chelsea', name: 'lampard'},
                              {team: 'manu', name: 'ole'}, 
                              {team: 'spurs', name: 'jose'}, 
                             {team: 'arsenal', name: 'wenger'},]}
    this.exportToExcelService.exportAsExcelFile(myExcelData , 'intelligence');
}

在我的 service.ts

里面

import { Injectable } from '@angular/core';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';
const EXCEL_EXTENSION = '.xlsx';
const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';

@Injectable({
  providedIn: 'root'
})
export class ExportToExcelService {
  constructor() { }
  public exportAsExcelFile(json: any[], excelFileName: string): void {
    
    const worksheetForTeam: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json['teams']);
    const worksheetForManagers: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json['Managers']);
    const workbook: XLSX.WorkBook = { Sheets: { 'Sheet1': worksheetForTeam 'Sheet2': worksheetForManagers}, SheetNames: ['ByTheTeam', 'ByTheManagers'] };
    const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
    this.saveAsExcelFile(excelBuffer, excelFileName);
  }
  private saveAsExcelFile(buffer: any, fileName: string): void {
    const data: Blob = new Blob([buffer], {
      type: EXCEL_TYPE
    });
    FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
  }
}

如果我为单个 sheet 执行这些操作，则它不适用于多个 sheet。我可以用 sheet 下载 excel 个文件。但是 sheet 是空的，里面没有任何数据。

任何我犯错的见解都会很有帮助。提前谢谢你。

Answer 1

 const workbook: XLSX.WorkBook = { Sheets: { 'ByTheTeam': worksheetForTeam 'ByTheManagers': worksheetForManagers}, SheetNames: ['ByTheTeam', 'ByTheManagers'] };

更改 sheet 名称对我有用。简单的菜鸟错误。

无法使用 json 数据和使用 angular 8 的 xlsx 导出到 excel

Unable to export to excel using json data with xlsx using angular 8

xlsx

typescript

exceljs

angular

angular8