Angular Mat-Table实现Mat-Sort遇初始化问题：sort属性未定义

看起来你遇到的问题是在ngOnInit中访问this.sort时它处于未定义状态，我来帮你梳理几个可能的原因和修复方案：

1. 确认已导入MatSortModule #

这是最容易忽略的关键问题！如果你的组件所属模块没有导入MatSortModule，Angular无法识别matSort指令，自然无法获取到对应的实例。

打开你的模块文件（比如app.module.ts或功能模块），确保将MatSortModule添加到imports数组中：

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

@NgModule({
  imports: [
    // ...其他依赖模块
    MatTableModule,
    MatSortModule // 必须导入这个模块才能使用matSort功能
  ]
})
export class YourModule { }

2. 调整@ViewChild配置与生命周期时机 #

虽然你设置了{ static: true }，但如果mat-table被包裹在条件渲染指令（比如*ngIf）中，static: true会导致在ngOnInit阶段无法获取到元素。这种情况下可以做如下修改：

• 将static改为false
• 把依赖sort的逻辑移到ngAfterViewInit钩子中（此时视图已完全初始化）

修改后的组件代码示例：

@ViewChild('sort1', { static: false }) sort: MatSort;

ngAfterViewInit(): void {
  // 先确认sort实例已存在
  if (this.sort) {
    const sortSubscription = this.sort.sortChange.subscribe(() => {
      this.paginator.pageIndex = 0;
      this.loadItems(); // 排序变化时重置页码并重新加载数据
    });
    this.subscriptions.push(sortSubscription);

    // 如果你的自定义DataSource支持sort关联，记得绑定
    this.dataSource.sort = this.sort;
  }
}

ngOnInit(): void {
  this.dataSource = new InvoiceStatusDataSource(this.invoiceStatusService);
  this.loadItems(true);
}

3. 给loadItems方法添加容错处理 #

在loadItems中直接访问this.sort可能会因为初始化时机问题导致报错，建议先做存在性判断：

loadItems(firstLoad: boolean = false) {
  // 处理sort未初始化的默认值
  const sortDirection = this.sort?.direction || 'asc';
  const sortActive = this.sort?.active || 'id';

  const queryParams = new QueryParamsModel(
    {},
    sortDirection,
    sortActive,
    this.paginator.pageIndex,
    this.paginator.pageSize
  );
  this.dataSource.loadItems(queryParams);
  this.selection.clear();
}

4. 修正模板中的mat-sort-header绑定 #

你的模板里mat-sort-header="customer.statusName"存在绑定错误，mat-sort-header应该直接绑定数据源中对应的字段名，而非带对象前缀的路径。如果你的数据项中statusName是直接可访问的属性，应该改成：

<mat-header-cell *matHeaderCellDef mat-sort-header="statusName">Status Name</mat-header-cell>

按照上面的步骤逐一排查，应该能解决sort未定义的问题。如果还是不行，可以检查模板中mat-table的结构是否正确，有没有嵌套错误或拼写问题。

内容的提问来源于stack exchange，提问作者Laziale