Angular 5多工作表CSV导出技术咨询

很遗憾，angular5-csv并不支持生成多工作表的文件——这其实是CSV格式本身的局限：CSV本质是纯文本的单表格格式，没有内置的工作表分层机制，所以工具本身也没法实现多工作表导出。

如果你需要把data1和data2导出到单个文件的不同工作表中，推荐使用支持XLSX格式的库（比如SheetJS的xlsx包），下面是具体的实现步骤：

步骤1：安装依赖 #

首先在你的Angular项目中安装xlsx库：

npm install xlsx --save

步骤2：编写导出代码 #

在你的组件中导入库并实现导出函数：

import { Component } from '@angular/core';
import * as XLSX from 'xlsx';

@Component({
  selector: 'app-export',
  templateUrl: './export.component.html'
})
export class ExportComponent {
  // 定义你的数据
  data1 = [ 
    { name: "Test 1", age: 13, average: 8.2, approved: true, description: "using 'Content here, content here' " }, 
    { name: 'Test 2', age: 11, average: 8.2, approved: true, description: "using 'Content here, content here' " }, 
    { name: 'Test 4', age: 10, average: 8.2, approved: true, description: "using 'Content here, content here' " }, 
  ];
  data2 = [ 
    { name: "Test 1", age: 13, average: 8.2, approved: true, description: "using 'Content here, content here' " }, 
    { name: 'Test 2', age: 11, average: 8.2, approved: true, description: "using 'Content here, content here' " }, 
    { name: 'Test 4', age: 10, average: 8.2, approved: true, description: "using 'Content here, content here' " }, 
  ];

  exportToMultiSheetExcel() {
    // 创建一个空的工作簿
    const workbook = XLSX.utils.book_new();

    // 将data1转换为工作表，命名为"Sheet 1"
    const worksheet1 = XLSX.utils.json_to_sheet(this.data1);
    XLSX.utils.book_append_sheet(workbook, worksheet1, "Sheet 1");

    // 将data2转换为工作表，命名为"Sheet 2"
    const worksheet2 = XLSX.utils.json_to_sheet(this.data2);
    XLSX.utils.book_append_sheet(workbook, worksheet2, "Sheet 2");

    // 导出并下载XLSX文件
    XLSX.writeFile(workbook, "multi-sheet-data.xlsx");
  }
}

步骤3：触发导出 #

在模板中添加一个按钮来调用导出函数：

<button (click)="exportToMultiSheetExcel()">导出多工作表文件</button>

这样点击按钮后，就能生成一个包含两个独立工作表的XLSX文件，用Excel或其他表格软件打开就能看到Sheet 1和Sheet 2分别对应data1和data2的数据。

如果你的需求必须是CSV格式，那只能生成两个单独的CSV文件，但这不符合你“单个文件多工作表”的要求，所以XLSX是更合适的选择。

内容的提问来源于stack exchange，提问作者Kishore Kumar