FormRecord中布尔值为何可能为undefined？如何无需非空断言处理类型？

为什么会出现类型问题？ #

Angular的FormRecord.value默认被推断为Partial<Record<string, boolean>>，核心原因是：

• FormRecord的设计目标是支持动态添加/移除控件，TypeScript静态编译器无法追踪你在ngOnInit中动态添加控件的逻辑，因此无法确认所有键都必然存在且对应值非undefined。
• 哪怕你用nonNullable创建控件，这仅保证单个控件的value不会是null/undefined，但FormRecord本身的value类型依然会保留Partial特性，因为它允许控件被动态移除。

不用空值抑制运算符的解决方案 #

方案1：手动从控件构建确定类型的值（最安全） #

直接遍历form.controls提取每个控件的value，由于每个控件都是FormControl<boolean>且通过nonNullable创建，其value类型是确定的boolean，因此构建出的对象类型会被TypeScript正确推断为Record<string, boolean>。

public handler(): void {
  const val: Record<string, boolean> = Object.fromEntries(
    Object.entries(this.form.controls).map(([key, control]) => [key, control.value])
  );
}

方案2：类型断言（需确保运行时数据安全） #

如果你能保证form中所有添加的控件都不会被移除，且每个控件的value都是boolean，可以直接用类型断言将form.value转换为目标类型。这是一种编译期的类型提示，需自行确保运行时逻辑符合预期。

public handler(): void {
  const val: Record<string, boolean> = this.form.value as Record<string, boolean>;
}

方案3：自定义类型守卫（运行时验证+类型推断） #

通过类型守卫函数在运行时验证form.value的结构，让编译器在验证通过后自动推断出正确的类型。这种方法兼顾类型安全和运行时校验。

// 定义类型守卫函数
function isBooleanRecord(obj: unknown): obj is Record<string, boolean> {
  if (typeof obj !== 'object' || obj === null) return false;
  return Object.values(obj).every(value => typeof value === 'boolean');
}

public handler(): void {
  const formValue = this.form.value;
  if (isBooleanRecord(formValue)) {
    // 此时formValue的类型被推断为Record<string, boolean>
    const val = formValue;
    // 可安全使用val
  }
}

方案4：改用FormGroup（适用于静态已知列的场景） #

如果你的columns的key是静态固定的（不是父组件动态传入的），可以放弃FormRecord，直接使用FormGroup并明确声明其结构，这样form.value的类型会是确定的非Partial类型。

// 假设列的key是固定的，比如'id'、'name'、'email'
type TableColumnKeys = 'id' | 'name' | 'email';

public form: FormGroup<Record<TableColumnKeys, FormControl<boolean>>>;

constructor(private _fb: FormBuilder) {
  this.form = this._fb.nonNullable.group({
    id: true,
    name: true,
    email: true
  });
}

注意：如果columns是动态传入的@Input，此方案不适用。

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