Question

我是Angular6的初学者。我尝试使用Angular5-Csv下载CSV文件。

因此我使用了以下语句：

安装：

>  npm install --save angular5-csv

然后我已导入上述内容：

> import { Angular5Csv } from 'angular5-csv/dist/Angular5-csv';

*

使用Angular5-csv的组件指向/ dist文件夹而不是npm软件包。我想添加为npm软件包。任何人可以帮助我。

*

Answer 1

自创建npmjs page以来，您使用的角度包似乎已经更新，说明也没有更新。

话虽如此

import { Angular5Csv } from 'angular5-csv/dist/Angular5-csv';

指向一个程序包，但是它指向该程序包内名为 dist 的子文件夹。

或者，我还在npmjs页面上注意到github链接到名称稍有不同但看起来具有相同功能的内容。

因此，如果导入的名称中没有dist确实很重要，则可以执行以下操作：

npm install --save angular-csv-ext

，然后使用以下导入：

import { AngularCsv } from 'angular-csv-ext/Angular-csv';

这是我的一个在加载时导出CSV数据的组件的示例：

import { Component, OnInit } from '@angular/core';
import { AngularCsv } from 'angular-csv-ext/Angular-csv';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  ngOnInit(): void 
  {
    var data = [
      {
        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' "
      },
    ];
    new AngularCsv(data, 'My Report');
  }
  title = 'test';

}

Answer 2

我想它的导入是

import { Angular5Csv } from 'angular5-csv/Angular5-csv'

从以下链接“ https://www.npmjs.com/package/angular5-csv”开始。对吧？

使用组件作为NPM包Angular6

2 个答案: