ng-csv 开源项目教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00080/article/details/139208478

ng-csv 开源项目教程

ng-csv Simple directive that turns arrays and objects into downloadable CSV files 项目地址: https://gitcode.com/gh_mirrors/ng/ng-csv

1、项目介绍

ng-csv 是一个简单的 AngularJS 指令，用于将数组和对象转换为可下载的 CSV 文件。它允许开发者轻松地将数据导出为 CSV 格式，适用于需要将数据导出到电子表格的应用场景。

2、项目快速启动

安装

首先，通过 npm 安装 ng-csv：

npm install ng-csv

引入模块

在 AngularJS 应用中引入 ng-csv 模块：

angular.module('myApp', ['ng-csv']);

使用示例

以下是一个简单的示例，展示如何使用 ng-csv 将数据导出为 CSV 文件：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>ng-csv 示例</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
    <script src="node_modules/ng-csv/build/ng-csv.min.js"></script>
    <script>
        angular.module('myApp', ['ng-csv'])
            .controller('MainCtrl', function($scope) {
                $scope.data = [
                    { name: 'Alice', age: 30 },
                    { name: 'Bob', age: 25 },
                    { name: 'Charlie', age: 35 }
                ];
            });
    </script>
</head>
<body ng-controller="MainCtrl">
    <button ng-csv="data" csv-header="['Name', 'Age']" filename="data.csv">导出 CSV</button>
</body>
</html>