Ngx-datatable 行详细信息

Question

我正在尝试根据手册使 Ngx-datatable 详细信息行工作，但到目前为止还没有成功。

我创建了这个插件：https://embed.plnkr.co/yQv0Gvy8E8k1bqRr5Pxx/ basically just copying the row detail demo from Swimlanes online documentation http://swimlane.github.io/ngx-datatable/#row-details'

我想使用手册中提到的 rowHeight 绑定：

<ngx-datatable-row-detail [rowHeight]="getHeight" #myDetailRow (toggle)="onDetailToggle($event)">
  <ng-template let-row="row" ngx-datatable-row-detail-template>
    <div><strong>Address</strong></div>
    <div>{{row.address.city}}, {{row.address.state}}</div>
  </ng-template>
</ngx-datatable-row-detail>

和 TS:

getHeight(row: any, index: number): number {
  return row.someHeight;
}

但是行一直未定义！我错过了什么？

作为替代方案，我只想从 getHeight 函数访问我的原始行数组，但一直未定义行。

console.log(this.rows[index]);

谢谢！

更新 - 修复

我修复它的方法很简单：

getHeight(row: any): number {
  if(row) {
    return row.someHeight;
  }
}

Answer 1

当你这样做时：

[rowHeight]="getHeight"

您实际上是将 rowHeight 与函数对象 getHeight 绑定。

您可能想要做的是将其绑定到 getHeight(...) 函数的结果：

[rowHeight]="getHeight(...)"

Ngx-datatable 行详细信息

Ngx-datatable row detail

typescript

ngx-datatable

angular