Angular 5 - Material 2 - 使用复杂对象

Question

我正在尝试构建一个动态材质表。我的'SourceColumns'对象由许多元素组成，包括Header，DataItem，Format等。如何在matHeaderRowDef和matRowDef中正确选择它。我似乎无法弄清楚这一点。

我理解文档调用字符串数组。是的，当我这样做时，它确实有效。我希望有一种方法可以用复杂的对象来调用它。否则，我必须将我的复杂对象转换为字符串数组，这似乎是不必要的额外工作。

提前感谢您的帮助。

<mat-table #gridTable [dataSource]="dataSource" matSort>
  <ng-container *ngFor="let column of SourceColumns">
    <ng-container matColumnDef="{{column.DataItem }}">
      <mat-header-cell *matHeaderCellDef mat-sort-header>{{ column.Header }}</mat-header-cell>
      <mat-cell *matCellDef="let row">{{ row[column.DataItem] | format : column.Format }}</mat-cell>
    </ng-container>
  </ng-container>
  <mat-header-row *matHeaderRowDef="SourceColumns"></mat-header-row>
  <mat-row *matRowDef="let row; columns: SourceColumns;"></mat-row>
</mat-table>
<mat-paginator [length]="resultsLength" [pageSize]="30" [pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>