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
相关文章推荐
- 使用ClosedXML导出excel(且设置其带有时间戳的导出名字)
- 【angularjs】pc端使用angular搭建项目,实现导出excel功能
- 使用ADO.net将数据导出到Excel并提供下载[转]
- 导出Excel--随心所欲的使用GridView听后记
- 使用另存模板创建的调查无法正确导出到Excel中
- 导入Excel和导出Excel:的简单方法与程序处理方法,使用Excel程序读写Excel ,实现Excel的多个 Sheets读写并导出
- Excel中导出的日期时间不对的临时解决方法
- 直接将数据导出到Excel文件,直接操作文件没有使用Variant
- 使用控件的RenderControl()方法导出Excel
- 使用控件的RenderControl()方法导出Excel
- SQL SERVER使用OpenRowset,、OpenDataSource函数导入、导出数据到Excel 的几种方法(整理)
- GridView使用自定义表头和导出到Excel
- 页面导出为Excel的时间格式的问题
- 导入Excel和导出Excel的简单方法与程序处理方法,使用Excel程序读写Excel ,实现Excel的多个 Sheets读写并导出
- 使用jsp导出到excel汇总
- csdn摘录-sql 执行时间,sql导出查询数据到Excel...
- 使用Jscript编写EXCEL导出
- csdn摘录-sql 执行时间,sql导出查询数据到Excel...
- 使用ADO.net将数据导出到Excel并提供下载
- 使用ADO.net将数据导出到Excel并提供下载