/Javascript/AngularJS/Export excel form angular array to excel

Export excel form angular array to excel

Angular array export to excel

//DOWNLOAD
  download(){
    var csvData = this.ConvertToCSV( this.data);
    var a = document.createElement("a");
    a.setAttribute('style', 'display:none;');
    document.body.appendChild(a);
    var blob = new Blob([csvData], { type: 'text/csv' });
    var url= window.URL.createObjectURL(blob);
    a.href = url;
    var x:Date = new Date();
    var link:string ="filename_" + x.getMonth() +  "_" +  x.getDay() + '.csv';
    a.download = link.toLocaleLowerCase();
    a.click();

  }


// convert Json to CSV data in Angular2
  ConvertToCSV(objArray) {
    var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;
    var str = '';
    var row = "";

    for (var index in objArray[0]) {
        //Now convert each value to string and comma-separated
        row += index + ',';
    }
    row = row.slice(0, -1);
    //append Label row with line break
    str += row + '\r\n';

    for (var i = 0; i < array.length; i++) {
        var line = '';
        for (var index in array[i]) {
            if (line != '') line += ','

            line += array[i][index];
        }
        str += line + '\r\n';
    }
    return str;
  }

Source: stackoverflow.com

Export excel form angular array to excel

import { Injectable } from '@angular/core';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';

const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
const EXCEL_EXTENSION = '.xlsx';
@Injectable()
export class ExcelService {

constructor() { }

public exportAsExcelFile(json: any[], excelFileName: string): void {

    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);

    const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
    const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
    this.saveAsExcelFile(excelBuffer, excelFileName);
}

Source: stackoverflow.com

Similar codes

1 vote203 views1 answer
Uppercase angular pipe
Javascript AngularJS
2 votes207 views3 answers
Angular auth guard
Javascript AngularJS
9 votes201 views1 answer
Angular ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.
Javascript AngularJS
0 vote296 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
93 votes257 views3 answers
Instalación de angular cli
Javascript AngularJS
0 vote195 views1 answer
How to do if condition in kedo column in angular
Javascript AngularJS
0 vote195 views1 answer
Install aos angular 10
Javascript AngularJS
0 vote211 views1 answer
How to make color squares in angular
Javascript AngularJS
1 vote188 views1 answer
Angular architecture patterns
Javascript AngularJS
7 votes237 views2 answers
Mouseover event in angular 11
Javascript AngularJS