angular2 экспорт в Excel

Question

Я пытаюсь экспортировать в excel в angular, но получаю сообщение об ошибке: «Не удается прочитать свойство 'useBom' из неопределенного. Пожалуйста, помогите мне устранить эту ошибку"

let options = {
      fieldSeparator: ',',
      quoteStrings: '"',
      decimalseparator: '.',
      showLabels: false,
      headers: [],
      showTitle: true,
      title: 'asfasf',
      useBom: true,
      removeNewLines: true,
      keys: ['approved','age','name' ]
    };
   let data = [
      {
        name: "Test, 1",
        age: 13,
        average: 8.2,
        approved: true,
        description: "using 'Content here, content here' "
      }
    ];
  }

<angular2csv [data]="data" filename="test.csv" [options]="options" ></angular2csv>`enter code here`

Answer 1

Сначала мы используем papaparse ... введите описание ссылки здесь

import { Papa } from 'ngx-papaparse';
import { exportCsv } from 'app/modules/core/functions/export-csv.function';

exportSummaryCsv() {
    const title = `Story Funnel Summary`;
    const summary = this._columns.map(column => ({
        'Stage': column.name,
        'Quantity': column.items.length
    }));
    const csv = this.csvParser.unparse(summary);
    exportCsv(title, csv);
}

, затем мы создаем BLOB-объект и ссылку и вставляем ссылку в DOM

export function exportCsv(filename: string, csv: string) {
    filename = `${filename.replace(/ /g, '_')}.csv`;

    const blob = new Blob([csv], {'type': 'text/csv;charset=utf8;'});
    const link = document.createElement('a');

    link.download = filename;
    link.href = URL.createObjectURL(blob);
    link.setAttribute('visibility', 'hidden');

    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

и затем кнопка, которая запускает все это ...

Answer 2

Похоже, что data и options не поля класса, а некоторые локальные переменные в методе (я полагаю).Глядя на пример .Вы должны иметь ваши data и options в качестве полей класса вашего компонента, чтобы шаблон мог "видеть" их.