Как скачать список данных из угловых в xls

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 и т. Д., Но только выбранные данные не