如何使用Angular2Csv插件导出指定列数据至XLS文件

嘿，我之前用Angular2Csv的时候也碰到过类似需求，给你两个简单有效的办法：

方法一：预处理数据，只保留需要的字段 #

这种方法最直观，先把API返回的数组过滤一遍，只留下你想要导出的两列数据，再传给插件。比如：

// 假设API返回的原始数据长这样
const originalData = [
  { id: 1, username: 'Alice', email: 'alice@test.com', age: 28, city: 'New York' },
  { id: 2, username: 'Bob', email: 'bob@test.com', age: 32, city: 'London' }
];

// 只提取需要的username和email字段，还能自定义列名
const exportData = originalData.map(item => ({
  '用户名': item.username,
  '邮箱地址': item.email
}));

// 调用插件导出
new Angular2Csv(exportData, '用户信息报告');

这样导出的XLS就只会包含你定义的这两列，完全不会带上其他字段。

方法二：利用插件自带的配置项指定列 #

Angular2Csv本身支持通过配置项来指定要导出的列，不用修改原始数据。你可以在实例化插件时传入headers和columns参数，对应列标题和数据字段名：

const originalData = [
  { id: 1, username: 'Alice', email: 'alice@test.com', age: 28, city: 'New York' },
  { id: 2, username: 'Bob', email: 'bob@test.com', age: 32, city: 'London' }
];

// 直接配置要导出的列
new Angular2Csv(originalData, '用户信息报告', {
  headers: ['用户名', '邮箱地址'], // 显示在表格顶部的标题
  columns: ['username', 'email']  // 对应原始数据里的字段名
});

这种方法适合不想改动原始数据的场景，插件会自动帮你筛选出指定字段导出。

两种方法都能解决你的问题，看你哪种用着顺手就行～

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