angular时间json导出为excel,使用xsls


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


猜你喜欢

转载自blog.csdn.net/yaomengzhi/article/details/77477782