使用matSortModule实现Angular-Material表格排序。 首先，在您的Angular项目中导入Angular Material模块：

import {MatTableModule} from '@angular/material/table'; import {MatSortModule} from '@angular/material/sort';

@NgModule({ imports: [MatTableModule, MatSortModule], ... }) export class AppModule { }

在HTML中，添加matSort指令，并将其绑定到MatSort指令：

然后在.ts中，定义MatSort实例并绑定到数据源中：

import {MatSort} from '@angular/material/sort'; import {DataSource} from '@angular/cdk/collections'; import {Observable} from 'rxjs/Observable';

export class ExampleDataSource extends DataSource { constructor(private exampleDatabase: ExampleDatabase, private _sort: MatSort) { super(); } connect(): Observable { const displayDataChanges = [ this.exampleDatabase.dataChange, this._sort.sortChange ];

return Observable.merge(...displayDataChanges).map(() => {
  return this.getSortedData();
});

} ...

最后，在mat-header-cell中添加mat-sort-header指令实现排序：

ID {{row.id}}

现在，您的Angular-Material表格排序应该能正常工作了。