0

连续几天我试图从通过 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 和表配置,因此基于该配置,将呈现表......有谁知道我应该如何处理这个问题?

4

0 回答 0