Angular11实现Material自动补全时出现TS2345：unknown不可赋值给string错误

这个TS2345错误本质是类型推导不匹配：

• Angular 11配套的FormControl默认没有显式值类型，开启TS严格模式时，会把valueChanges的流值推导为unknown
• 管道链里startWith(null)传入了null初始值，进一步拓宽了流的类型范围，最终传给_filter方法的参数是unknown类型，和方法要求的string入参对不上，直接触发编译报错。

• 给FormControl加明确的泛型标注，锁定控制值的类型范围
  替换原来的无类型声明，明确允许的输入值为string | null，匹配输入框取值和null初始值的场景：

  myControl = new FormControl<string | null>(null);
  

• 调整_filter的入参类型，补全空值处理逻辑
  因为流里会推送null初始值，原来只接收string的入参会卡类型校验，需要把入参范围拓宽，加空值兜底：

  private _filter(val: string | null): string[] {
    if (!val) return [...this.options];
    const filterValue = val.toLowerCase();
    return this.options.filter(option => option.toLowerCase().includes(filterValue));
  }
  

改完之后，valueChanges的流类型会被正确推导为Observable<string | null>，和map、_filter的参数类型完全对齐，TS2345错误就会消失。就算项目没开严格模式，加这些类型标注也能避免后续升级Angular版本时出现的兼容问题。

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