小编Mar*_*eKh的帖子

所以，我在 mat-table 中使用data-label有问题。我有一个包含大量数据列的表格，并希望使其具有响应性。我谷歌如何制作它并发现我可以使用data-label属性。问题是（据我所知）数据标签不能支持角度{{code}}。

它只能这样工作（仅限静态数据）。如果我试图在控制台中用花括号写一些东西，我有一个例外“无法绑定到‘标签’，因为它不是‘垫单元’的已知属性。1.如果‘垫单元’是一个 Angular 组件，它有 'label' 输入，然后验证它是这个模块的一部分。2. 如果 'mat-cell' 是一个 Web 组件，那么将 'CUSTOM_ELEMENTS_SCHEMA' 添加到这个组件的 '@NgModule.schemas' 到压制这个消息。”

谁能告诉我如何解决这个问题，谢谢！

静态数据在这里工作

<div class="example-header" fxLayout="row">
  <mat-form-field>
    <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
  </mat-form-field>
</div>
<div class="example-container mat-elevation-z8">
  <mat-table [dataSource]="dataSource" matSort>
    <!-- ID Column -->
    <ng-container matColumnDef="id">
      <mat-header-cell *matHeaderCellDef mat-sort-header> ID </mat-header-cell>
      <mat-cell *matCellDef="let row" data-label="id"> {{row.cnt}} </mat-cell>
    </ng-container>
    <!-- Progress Column -->
    <ng-container matColumnDef="progress">
      <mat-header-cell *matHeaderCellDef mat-sort-header> Progress </mat-header-cell>
      <mat-cell *matCellDef="let row" data-label="progress"> {{row.progress}}% </mat-cell>
    </ng-container>
    <!-- Name Column …