angular - MatSort 不工作。抛出错误 : MatSortHeader must be placed within a parent element with the MatSort directive

Question

我在 matHeaderCellDef 上指定 ma​​t-sort-header 属性以在 Angular Material 中创建可排序表后，出现以下错误

MatSortHeader must be placed within a parent element with the MatSort directive.

<mat-table #table matSort [dataSource]="myHttpDataSource">
....
<ng-container matColumnDef="myColumnName">
<mat-header-cell *matHeaderCellDef mat-sort-header></mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.somedetails}} </mat-cell>
</ng-container>
</mat-table>

感谢任何指点/帮助

Answer 1

将 'matSort' 属性添加到 mat-table

<mat-table #table [dataSource]="dataSource" matSort>
</mat-table>