angular - 从 Angular 5 返回 CSV 文件
问题描述
我正在寻找一种从数组中的数据创建 CSV 文件并由用户下载的解决方案。当然在按下按钮之后。哪个选项需要最少的努力并且最适合 angular5?
我找到了一个:
npm install file-saver --save
解决方案
您不需要 Angular 来执行此操作,只需普通的 javascript:
// create the csv
const headers = ['header1', 'header2', ...];
let csvContent = 'data:text/csv;charset=utf-8,%EF%BB%BF';
csvContent += headers.join(';') + '\n';
for (const d of data) {
const row = [d.cell1, d.cell2].join(';');
csvContent += row + '\n';
}
// do the download stuff
const encodedUri = csvContent;
const link = document.createElement('a');
link.setAttribute('target', '_blank');
link.setAttribute('href', encodedUri);
link.setAttribute('download', `your_filename.csv`);
document.body.appendChild(link);
link.click();
link.remove();
推荐阅读
- javascript - 编码为十六进制字符串:参数必须是字符串 node.js
- python - 在 Keras 中计算两个张量之间的余弦相似度
- html - 如何使反应阻止浏览器缓存外部加载的html?
- javascript - 如何从wordpress url中提取令牌并给它一个变量/值?
- javascript - 如何撤消 addEventListener?
- android - Epoxy 要求每个模型属性实现 equals 和 hashCode 错误
- java - 为什么在 HashMap 节点中维护键的哈希?
- laravel - vue.js 未在浏览器中显示
- react-native - Text.js 的这种变化是否会影响任何事情,是否有必要?
- php - 特定位置的 nginx 重写规则