Angular14 FormRecord为何不支持普通对象作为构造首参？

Angular 14 推出的FormRecord类，和FormGroup/FormArray的核心设计逻辑一致：构造函数的入参、addControl方法的控件入参，都要求传入AbstractControl的子类实例（即FormControl/FormGroup/FormArray/其他FormRecord实例），从未支持直接传入字符串、数字这类原生值作为控件项。
你看到的官方示例属于Angular 14刚发布严格类型表单时的文档笔误，该错误示例在后续文档迭代中已经被修正，这也是你照着示例写触发TS类型报错的核心原因。
从类型定义上看，未显式传入泛型参数时，FormRecord默认推导所有控件项为AbstractControl<never, never>，直接传入字符串自然会触发类型不匹配的TS2322、TS2345错误。
和FormGroup不同的是，FormRecord要求所有key对应的控件类型完全统一，更适合键名动态增删、同类型控件批量管理的场景。

按照API类型要求传入合法的控件实例即可，有两种常见写法：

• 直接手动实例化FormControl，显式指定FormRecord的泛型类型

// 泛型指定当前FormRecord下所有项都是字符串类型的非空FormControl
let numbers = new FormRecord<FormControl<string>>({
  bill: new FormControl('415-123-456', { nonNullable: true })
});
// addControl同样传入FormControl实例
numbers.addControl('bob', new FormControl('415-234-567', { nonNullable: true }));
numbers.removeControl('bill');

• 借助FormBuilder简化写法，自动完成原生值到FormControl的包装

// 组件中注入FormBuilder
private fb = inject(FormBuilder);

// 直接传原生值，FormBuilder会自动包装为对应类型的FormControl
const numbers = this.fb.record({
  bill: '415-123-456',
  bob: '415-234-567'
});
// 后续新增控件同样用fb生成FormControl即可
numbers.addControl('charlie', this.fb.control('415-345-678'));

注意：不要通过as any类型断言绕过TS校验，会导致FormRecord的类型推导失效，后续取值、设置校验状态、更新值时容易出现隐藏的类型问题。

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