1、在angular应用程序中按照 xlsx file-saver npm install xlsx --save npm install file-saver //编写angular - service代码 import {Injectable} from '@angular/core'; import * as FileSaver from 'file-saver'; import * as XLSX from 'xlsx'; const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'; const EXCEL_EXTENSION = '.xlsx'; @Injectable() export class ExcelService{ constructor(){} public exportAsExcelFile(json: any[],excelFileName: string):void{ const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json); const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] }; const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'buffer' }); 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); } } //在componet中使用 json = [ {id: '1',name:'11'},
{id: '2',name:'22'},
{id: '3',name:'33'},
{id: '4',name:'44'},
]
this._excelService.exportAsExcelFile(json, 'chart'); 详情 https://docs.sheetjs.com/#sheetjs-js-xlsx xlsx https://github.com/luwojtaszek/ng2-excel-export