angular - 使用 angular2 中的 'xlsx' 导出到 CSV 文件

标签 angular csv typescript npm xlsx

我想使用“xlsx”npm 模块导出 csv 文件,但在文档中它没有显示任何直接的方法。我有一个 json 输出,我想使用“xlsx”模块导出它。请帮助我这样做。我试过这种方式但不起作用

const CSV_TYPE ='text/csv;charset=utf-8';
const CSV_EXTENSION = '.csv';
const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
const csvOutput: string = XLSX.utils.sheet_to_csv(worksheet);
FileSaver.saveAs(new Blob([buffer], {type: CSV_TYPE});, fileName + '_export_' + new Date().getTime() + CSV_EXTENSION);

提前致谢

最佳答案

你的最后一行应该是

FileSaver.saveAs(new Blob([csvOutput]), `${fileName}_export_${new Date().getTime()}${CSV_EXTENSION}`);
  • 您必须使用“csvOutput”来生成 Blob。
  • 将正确的参数传递给“saveAs”函数,如 documentation 中所述

  • 固定完整代码:-
    const CSV_TYPE ='text/csv;charset=utf-8';
    const CSV_EXTENSION = '.csv';
    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
    const csvOutput: string = XLSX.utils.sheet_to_csv(worksheet);
    FileSaver.saveAs(new Blob([csvOutput]), `${fileName}_export_${new Date().getTime()}${CSV_EXTENSION}`);
    

    关于angular - 使用 angular2 中的 'xlsx' 导出到 CSV 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48094639/

    相关文章:

    typescript - RxJS:在特定事件后发出缓冲区

    angular - AOT - Angular 6 - 指令 SomeComponent,预期 0 个参数,但得到 1 个。对于自制组件

    HATEOAS 对 Angular2 的支持

    python - CSV 中的列要在 python 中列出?

    csv - 如何在 Tensorflow 中读取可变长度一维输入?

    angular - 从字符串中提取数组

    javascript - TypeScript 中的 findIndex 数组方法

    angular - 已编译的 TypeScript 中导入的组件缺少 Require 语句

    java - 简单的纯java CSV读取和解析

    angular - Ionic 3 中虚拟 VS 无限滚动的区别和用例