具有pdfmake和Firebase数据的动态表

时间:2018-12-22 16:42:39

标签: angular typescript firebase firebase-realtime-database pdfmake

我正在尝试使用pdfmake和Angular5 / Ionic3创建一个动态表。作为表数据,我需要Firebase快照中的一些数据。因此,以防万一,我可以观察到。

我尝试过的事情

订阅可观察并保存的数据

this.streetDetailData
      .take(1)
      .subscribe(data => {
        bodyData.push(data);
      });

pdfmake定义

content: [
    { text: `${this.sStreet.street}${this.sStreet.parentPLZ ? ', ' +  this.sStreet.parentPLZ : ''}, ${this.sStreet.parentCountry}`, style: 'header' },
    { text: moment().format('LL'), style: 'date'},

    this.table(bodyData, ['number', 'status'])

  ],

表函数

table(data, columns) {
    return {
      table: {
        headerRows: 1,
        body: this.buildTableBody(data, columns)
      }
    };
  }

buldTableBody函数

buildTableBody(data, columns) {

    let body = [];

    body.push(columns);

    data.forEach((row) => {
      console.log(row);

      let dataRow = [];

      columns.forEach(function(column) {
        dataRow.push(row[column].toString());
      });

      body.push(dataRow);
    });

    return body;
  }

但是没有机会...我总是得到一个空的结果...错误在哪里?

这就是我在生成的PDF中看到的:

enter image description here

0 个答案:

没有答案