Question

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

我创建了这个plunker：https://embed.plnkr.co/yQv0Gvy8E8k1bqRr5Pxx/基本上只是从Swimlanes在线文档中复制行详细信息演示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数据表行详细信息

1 个答案: