您的位置:首页 > Web前端 > JavaScript

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

2017-08-22 11:12 369 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: