Angular 4.4.x mat-table header 未排序

Question

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

<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，但我的正在呈现（对于列，例如'maintainer_name'）：

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

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

Answer 1

是的，这是在另一个现有应用程序之上构建的结果，并且 Angular Material 文档在名称更改（时间点）之间有点卡住。在“兼容模式”下工作 Angular Material 允许 Md 前缀（即 MdTableModule），但新样式使用“Mat”前缀。这可能会导致一组令人困惑的导入。我清除了所有现有的导入，并将它们替换为材料导入的规范列表，所有这些都具有 Mat 前缀。

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