Angular 13迁移至14后出现表单类型错误，寻求技术帮助

1. 类型转换错误（TS2352） #

问题根源 #

Angular 14强化了表单控件的类型推断逻辑，filterForm.get('status').get('value')返回的AbstractControl<never, never>无法直接安全转换为FormArray，类型系统判定两者没有足够的重叠性。

修复方案 #

先将控件转换为unknown过渡，再转为目标FormArray类型；同时初始化filterForm时指定支持动态控件的类型，避免never类型限制：

// 初始化时定义FormGroup类型，允许动态添加任意控件
const filterForm = new FormGroup<Record<string, AbstractControl>>({});
const filters = portcallFilter;
Object.keys(filters)
  .filter((item) => isNaN(Number(item)))
  .forEach((i) => {        
      filterForm.registerControl(
        i,
        this.formBuilder.group({
          value: '',
          comparison: filters[i],
        })
      );        
  });
// 先转unknown再转FormArray，满足类型检查要求
const statusArray = filterForm.get('status')?.get('value') as unknown as FormArray;

2. 方法调用重载不匹配错误（TS2769） #

问题根源 #

searchForm被TypeScript推断为仅包含query字段的固定结构FormGroup，但registerControl需要操作支持动态键的FormGroup，导致上下文类型不兼容。

修复方案 #

显式声明searchForm的类型，保留query字段的同时允许动态添加其他控件：

// 定义FormGroup类型，既保留query的明确类型，又支持动态键
public searchForm = new FormGroup<{
  query: FormControl<string>;
  [key: string]: AbstractControl;
}>({
  query: new FormControl(this.inputSearch ?? ''),
});

applyFilters(filters: { [key: string]: { [key: string]: string }[] }): void {
  Object.keys(filters).forEach((fil) => {
    this.searchForm.registerControl(
      fil,
      new FormControl(this.filtersValues?.[fil] ?? '')
    );
  });
}

3. 参数类型不兼容错误（TS2345） #

问题根源 #

shipList初始化时未指定内部控件类型，TypeScript默认推断为FormArray<FormControl<unknown>>，但实际要添加的是FormGroup，导致类型不匹配。

修复方案 #

初始化FormArray时明确指定内部控件为FormGroup类型：

// 显式指定FormArray包含的是目标结构的FormGroup
const shipList = this.formBuilder.array<FormGroup<{
  a: FormControl<string>;
  b: FormControl<string>;
  c: FormControl<string>;
}>>([]);
pda.shipList?.forEach((item) => {
  shipList.push(
    this.formBuilder.group({
      a: item.a,
      b: item.b,
      c: item.c,
    })
  );
});

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