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>