matSort标头根本不对表格进行排序

Question

• 实时演示：https://matsort-audionote.firebaseapp.com/（单击“标题”标题）
• 我的代码：https://github.com/AskYous/audio-note/commit/75c667f66ec4e15a5dbd460ec044938782d672a4

我很难获得可排序的标题。我附加了一个我的应用程序的实时演示，该应用程序的标头排序不起作用，以及用于实现此功能的代码。当我单击标题时，没有响应。没有错误，没有排序，没有反馈。我做了以下事情：

1. 向表中添加了matSort指令。
2. 为每个标头添加了mat-sort-header。
3. 将MatSortModule导入了app.module.ts。
4. 为表数据源提供了MatSort指令。

标题是可单击的，并且具有切换的箭头，但是单击时行未进行排序。

Answer 1

这是因为您要在DOM中呈现表之前将数据源的排序初始化为matSort（由于* ngIf）

this.notes.sort = this.sort;

更改此行

<table mat-table [dataSource]="notes" *ngIf="notes.data" matSort>

到

<table mat-table [dataSource]="notes" [hidden]="!notes.data" matSort>