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表的主要内容,如果未能解决你的问题,请参考以下文章

基于Python3的 Excal to sql工具

Excal数据转化成Asset数据文件

如何使用 ag-grid 导出到具有 Angular 6 的大数据(50,000 行)的 excel 功能(内存不足错误)?

如何从我使用 angular6 的 api 访问 JSON 数据响应

导入导出

构建 Angular 6 库时为导出符号生成的元数据中遇到错误