Angular 4.4.x mat-table标头没有排序

Question

我有一个带有排序标题的mat-table，所以我按照示例装饰列：

<ng-container matColumnDef="id"> <mat-header-cell *matHeaderCellDef mat-sort-header> Id </mat-header-cell> <mat-cell *matCellDef="let row"> {{row.id}} </mat-cell> </ng-container>

排序标题不起作用，看起来它是如何扩展此模板的。检查示例中的标题元素（即https://stackblitz.com/edit/angular-material2-issue-sct3gm?file=app%2Fapp.component.ts）我可以看到标题应呈现给div.mat-sort-header-container，但我的呈现（对于列，例如＆＃39; maintainer_name＆＃39;）为：

<mat-header-cell _ngcontent-c3 class="mat-header-cell cdk-column-site_maintainer_name mat-column-site_maintainer_name" mat-sort-header role="columnheader">

我已经更新到最新的角度cli / core等但仍然存在。还将示例复制到另一个组件中并且相同（缺少）结果。

Answer 1

是的，这是建立在另一个现存应用程序之上的结果，而Angular Material文档在名称更改（时间点）之间有点陷入。在兼容模式下工作＆＃39; Angular Material允许使用Md前缀（即MdTableModule），但新的样式是使用＆＃39; Mat＆＃39;前缀。这可能会导致一组令人困惑的进口。我清除了所有现有的导入，并将其替换为一个具有Mat前缀的材质导入的规范列表。

如果您遇到此问题，请尝试针对从angular-api命令行生成的新应用构建。