angular - Ngx-datatable 行详细信息

Question

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

我创建了这个插件:https://embed.plnkr.co/yQv0Gvy8E8k1bqRr5Pxx/基本上只是从 Swimlanes 在线文档复制行详细信息演示 http://swimlane.github.io/ngx-datatable/#row-details '

我想使用手册中提到的 rowHeight 绑定(bind):

<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 绑定(bind)。

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

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