连续几天我试图从通过 HTTP 检索到的数据创建一个动态 mat-table。到目前为止,一切都很好。我以这个stackblitz为例。
在模板中,表格是这样生成的..
<ng-container *ngFor="let column of displayedColumns$.value" cdkColumnDef="{{column}}">
<th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>
<td cdk-cell *cdkCellDef="let row"> {{row.attributes[column]}} </td>
</ng-container>
现在,我有一个问题。我希望能够在将它们放在桌子上之前对我检索的数据进行建模。例如,查看这个 stackblitz 数据,我希望能够合并两列“已创建”和“状态”以将它们显示在一个名为“状态”的列中
或者例如,我想在不使用 | 之前修改日期格式 模板中的日期管道。
前:
| Created | State | # | Title
Nov 30, 2018 open 14339 fix(cdk/stepper): exported ...
后:
| Status | # | Title
Nov 30, 2018 open 14339 fix(cdk/stepper): exported ...
所有这些努力都是为了能够创建一个表服务,我将在其中传递 API 和表配置,因此基于该配置,将呈现表......有谁知道我应该如何处理这个问题?