Question

我有一个按钮，显示需要的数据，但是在页面顶部，我有一个按钮，可以下载此数据，并希望将其下载到Excel文件中。例如

名称，姓氏，费用，年份
测试，测试，1000年，2018年

这是我编写的代码，但是下载时没有任何数据。

<button (click)="downloadExport()">Download Export</button>

<div *ngFor="let valueItem of selectedValueItems">
   <app-planning-overview [valueItem]="valueItem"></app-planning-overview>
</div>


downloadExport() {
        this.valueItem$.subscribe(response => {
          const blob = new Blob([]);
          const date = new Date();
          const filename = 'planning-' + date.toLocaleDateString() + '_' + date.toLocaleTimeString() + '.xls';
          saveAs(blob, filename);
          console.log(blob); //This shows me size 0.
        });
      }

这是计划概述中显示的希望

<div class="aggregateCostsName" style="font-size: 11px">
        {{valueItem.name}}
      </div>

但是当我写这样的东西

 downloadExport() {
      const data = 'Q1, Q2, Q3';
      const blob = new Blob([data]);
      const date = new Date();
      const filename = 'planning-' + date.toLocaleDateString() + '_' + date.toLocaleTimeString() + '.xls';
      saveAs(blob, filename);

然后在xls中保存该文件，并保存Q1，Q2等，但只有选定的数据不存在

如何将数据列表从angular下载到xls

0 个答案: