angular6 导出json数据到excal表
Posted 码农不是农
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular6 导出json数据到excal表相关的知识,希望对你有一定的参考价值。
1 首先使用npm下载插件依赖的安装包
npm install file-saver --save
npm install xlsx --save
2 引入项目中的ts文件中
import * as FileSaver from ‘file-saver‘;
import * as XLSX from ‘xlsx‘;
3 写一个exportList(){ }方法,点击导出按钮时执行此方法,导出文件
1 exportList() {
// json 示例
let json = [{"姓名": "***", "工號": "***", "英文名": "***", "部门": "**", "性别": "1", "手机": "+861**********",
"个人邮箱": "****@**.com"
}];
2 let json = this.linuxRow; 3 //linuxRow是要导出的json数据,可以根据选择来命名 4 const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json); 5 const workbook: XLSX.WorkBook = { 6 Sheets: { data: worksheet }, 7 SheetNames: [‘data‘] 8 }; 9 const excelBuffer: any = XLSX.write(workbook, { 10 bookType: ‘xlsx‘, 11 type: ‘array‘ 12 }); 13 //这里类型如果不正确,下载出来的可能是类似xml文件的东西或者是类似二进制的东西等 14 this.saveAsExcelFile(excelBuffer, ‘linux安装详情‘); 15 } 16 private saveAsExcelFile(buffer: any, fileName: string) { 17 const data: Blob = new Blob([buffer], { 18 type: 19 ‘application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8‘ 20 }); 21 FileSaver.saveAs(data, fileName + ‘_‘ + new Date().getTime() + ‘.xlsx‘); 22 // 如果写成.xls,可能不能打开下载的文件,这可能与Excel版本有关 23 }
以上是关于angular6 导出json数据到excal表的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 ag-grid 导出到具有 Angular 6 的大数据(50,000 行)的 excel 功能(内存不足错误)?