Angular 12中Type '"desc"' is not assignable to type 'null'错误如何解决

TypeScript 默认会基于变量的初始值做自动类型推断，你初始化 sortData 时 order 属性赋值为 null，TS 会默认将该属性的类型推断为 null，后续你给它赋值字符串类型的 "asc" 或 "desc" 就会触发类型不匹配的报错。

你可以通过显式声明类型的方式解决问题，有两种常用实现方式：

• 方式一：提前定义类型接口（推荐，可维护性更高）

// 定义排序顺序的联合类型，仅允许三个合法值
type SortOrder = 'asc' | 'desc' | null;
// 定义sortData的整体类型
type SortDataType = {
  col: any | null;
  order: SortOrder;
}

// 声明sortData时指定类型
sortData: SortDataType = {
  col: null,
  order: null
}

• 方式二：用类型断言直接指定属性类型（适合临时快速修复）

sortData = {
  col: null,
  // 显式告诉TS order属性允许的类型范围
  order: null as 'asc' | 'desc' | null
}

不要手动调用 this.ngOnInit()，Angular 生命周期钩子由框架自动触发，手动调用不符合开发规范。建议你把初始化表格数据的逻辑单独抽成一个公共方法，比如 fetchTableData()，排序逻辑执行完成后直接调用这个抽离的公共方法即可。

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