Search code examples
angularcsvangular7

Angular7 : Export data to CSV


I recently migrated my project from Angular 5 to Angular 7,while installing angular5-csv I get the following warning:

npm WARN angular5-csv@0.2.10 requires a peer of @angular/core@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of @angular/http@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of rxjs@^5.5.2 but none is installed. You must install peer dependencies yourself.

package.json:

    "@angular/cdk": "^7.0.3",
    .
    .
    "angular5-csv": "^0.2.10"

Is there an alternate to angular5-csv that I should now be using?


Solution

  • package.json:

    "angular7-csv": "^0.2.12",
    

    Example for Angular7:

    import { AngularCsv } from 'angular7-csv';
    
    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');