无法阅读属性＆＃39;模板＆＃39;角度材料表中未定义的

Question

带有角度材质的表格代码。

<div class="example-container mat-elevation-z8">
  <div>
    <div class="example-header">
      <mat-form-field floatPlaceholder="never">
        <input matInput #filter placeholder="Filter users">
      </mat-form-field>
      <button mat-icon-button color="accent" (click)="create()">
          <mat-icon aria-label="Example icon-button with a add icon">add_circle</mat-icon>
        </button>
    </div>
    <div> 
    </div>
  </div>
 <mat-table >

      <ng-container matColumnDef="BloodPressure">
        <mat-header-cell> BloodPressure </mat-header-cell>
        <mat-cell *ngFor="let visit"> {{ visit?.bloodpressure }} </mat-cell>
      </ng-container>

      <ng-container matColumnDef="UserName">
        <mat-header-cell> UserName </mat-header-cell>
        <mat-cell *ngFor="let visit"> {{ visit?.username }} </mat-cell>
      </ng-container>

      <ng-container matColumnDef="Height">
        <mat-header-cell > Height </mat-header-cell>
        <mat-cell *ngFor="let visit"> {{ visit?.height }} </mat-cell>
      </ng-container>

      <ng-container matColumnDef="Weight">
        <mat-header-cell > Weight </mat-header-cell>
        <mat-cell *ngFor="let visit"> {{ visit?.weight }} </mat-cell>
      </ng-container>

      <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
      <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
    </mat-table>

并且也无法导入MatTableDataSource。

显示错误

更新代码请提出更改

提前谢谢

Answer 1

如果没有看到你的component.ts文件就很难知道，所以将来我会把你的帖子和你的版本号包括在内。

您的MatTableDataSource导入应为：@angular如此处所定义：https://material.angular.io/components/table/api

虽然这取决于您拥有的版本。检查您的<mat-table #table [dataSource]="dataSource">文件夹并验证该目录是否存在。

此外，您似乎没有将数据源导入到表中。您的html文件中的表元素应如下所示： "dataSource"其中queryset是您绑定到表的数据流。这在component.ts文件中声明。

MatTable扩展了CDK数据表，并且有一些关于数据源如何在此链接中工作的简短但很好的信息。 https://material.angular.io/guide/cdk-table

希望这有帮助！

Answer 2

我也遇到过同样的问题，但仅在为configuration = fr构建时。对于en来说，它工作正常。