Angular 角度5-材质2-使用复杂对象的MathedErrorWDEF

Angular 角度5-材质2-使用复杂对象的MathedErrorWDEF,angular,angular-material,Angular,Angular Material,我正在尝试建立一个动态材质表。我的“SourceColumns”对象由许多元素组成,包括标题、数据项、格式等。如何在MathEdErrorWDEF和matRowDef中正确选择这些元素。我似乎无法理解这一点 我确实理解对字符串数组的文档调用。是的,当我这么做的时候,它确实起作用了。我希望有一种方法可以用一个复杂的对象来称呼它。否则,我必须将我的复杂对象转换为字符串数组,这似乎是额外的工作,而不是必需的 提前感谢您的帮助 <mat-table #gridTable [dataSource]=

我正在尝试建立一个动态材质表。我的“SourceColumns”对象由许多元素组成,包括标题、数据项、格式等。如何在MathEdErrorWDEF和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>

{{column.Header}}
{{row[column.DataItem]|格式:column.format}

我们也遇到了同样的问题,我们不只是在应用程序中传递数组,而是将它们封装在一个对象中。我们必须在init上/之后从输入创建一个数组,以便mat头行matHeaderRowDef输入可以使用该数组。我们曾试图不这样做,但无法让它处理复杂对象。