无法解析Angular2Csv的所有参数：（？，？，？）

Question

我已按照链接https://www.npmjs.com/package/angular2-csv中给出的步骤导出到ASP.Net Core中angular 4应用程序中的csv文件，但收到错误消息“无法解析Angular2Csv的所有参数：（？，？，吗？”。

请在下面找到我已完成的步骤

1. 已经使用npm安装了angular2-csv

    npm install --save angular2-csv@0.2.5
   

2. 然后我已经导入了app.module.server.ts

   import { Angular2Csv } from 'angular2-csv';
   

并添加了提供程序，

@NgModule({
declaration:[...],
imports:[...],
providers:[Angular2Csv]
})

1. 然后我创建了用于导出到csv的选项和数据

   import { Angular2Csv } from 'angular2-csv';
   
   @Component({
       selector: 'home',
       templateUrl: './my.component.html',
       styleUrls: ['./my.component.css'],
       encapsulation: ViewEncapsulation.None
   })
   export class MyComponent { 
   options = {
       fieldSeparator: ',',
       quoteStrings: '"',
       decimalseparator: '.',
       showLabels: false,
       headers: [],
       showTitle: true,
       title: 'asfasf',
       useBom: false,
       removeNewLines: true,
       keys: ['approved','age','name' ]
     };
     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 3',
         age: 10,
         average: 8.2,
         approved: true,
         description: "using 'Content here, content here' "
       }
     ];
     } 
   

2. 我的模板看起来像这样

   <angular2csv [data]="data" filename="test.csv" [options]="options"></angular2csv>
   

在构建和运行解决方案时，出现以下提到的错误

“无法解析Angular2Csv的所有参数：（？，？，？）”

请帮助我解决这个问题

Answer 1

从docs，您只需导入Angular2CsvModule

import { Angular2CsvModule } from 'angular2-csv';

imports: [
  Angular2CsvModule,
  ........
],

无需在提供程序数组中提供Angular2Csv。删除

Answer 2

这对我有用：

   downloadFile() {
   new Angular2Csv(this.data, 'test' , this.options) ;
    }

并按如下所示调用按钮

<a (click)="downloadFile()">Download file</a>

这是我输入的选项

this.options = {
      fieldSeparator: ';',
      quoteStrings: '"',
      decimalseparator: '.',
      showLabels: true,
      headers: ['name','age','average', 'approved','description'],
      useBom: false,
    };

Answer 3

以下为我工作

Package.json

1.2.1

在需要它的组件中，添加以下内容

"angular2-csv": "~0.2.5",

新的Angular2Csv（...）应该可以工作

我们希望团队保留此内容，而不必在html中添加组件