简介
ng-csv 是一个基于 AngularJS 的导出 CSV（逗号分隔值）文件的 npm 包。它提供了简单易用的 API，可以快速方便地生成 CSV 文件并进行下载。
安装
通过 npm 安装 ng-csv：
npm install ng-csv --save
使用
将 ng-csv 模块注入到你的 AngularJS 应用程序中：
angular.module('myApp', ['ngCsv']);在 HTML 中，使用 csv-data 属性指定要导出的数据，csv-header 属性指定 CSV 表头，如下所示：
<button ng-csv="getArray()" filename="test.csv"
csv-header="['Name', 'Age', 'Gender']">Export</button>在上面的示例中，当用户单击“Export”按钮时，会将 getArray() 方法返回的数据转换为 CSV 文件并进行下载。
你也可以将数据和表头保存在控制器中，并将它们分别绑定到 csv-data 和 csv-header 属性中：
$scope.data = [
{ Name: 'Alice', Age: 30, Gender: 'Female' },
{ Name: 'Bob', Age: 25, Gender: 'Male' },
{ Name: 'Charlie', Age: 20, Gender: 'Male' }
];
$scope.header = ['Name', 'Age', 'Gender'];<button ng-csv="data" filename="test.csv"
csv-header="header">Export</button>高级选项
ng-csv 还提供了一些高级选项，可以自定义 CSV 文件的生成。
字段分隔符
默认情况下，ng-csv 使用逗号作为字段分隔符。你可以通过将 csv-separator 属性绑定到一个字符串来指定不同的分隔符：
<button ng-csv="data" filename="test.csv"
csv-header="header" csv-separator=";">Export</button>在上面的示例中，使用分号作为分隔符。
字段引用符
如果要在字段值中包含分隔符，则需要使用引用符将字段值括起来。默认情况下，ng-csv 使用双引号作为引用符。你可以通过将 csv-quote 属性绑定到一个字符串来指定不同的引用符：
<button ng-csv="data" filename="test.csv"
csv-header="header" csv-quote="'">Export</button>在上面的示例中，使用单引号作为引用符。
字符编码
默认情况下，ng-csv 使用 UTF-8 编码生成 CSV 文件。你可以通过将 csv-encoding 属性绑定到一个字符串来指定不同的字符编码：
<button ng-csv="data" filename="test.csv"
csv-header="header" csv-encoding="'UTF-16LE'">Export</button>在上面的示例中，使用 UTF-16LE 编码生成 CSV 文件。
结论
ng-csv 是一个非常方便的 AngularJS 导出 CSV 文件的 npm 包。通过简单易用的 API，你可以快速生成自定义 CSV 文件并进行下载，为你的前端开发工作带来很多便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36171