Angular FormGroup.get()返回null问题：如何确保返回非空？

这是Angular类型定义优化结合TypeScript严格空检查共同导致的：

• 旧版Angular里，FormGroup.get()的返回类型被定义为AbstractControl，默认认为调用后一定能找到对应控件；
• 新版Angular修正了这个类型定义，将返回值改为AbstractControl | null——毕竟确实存在传入错误控件名导致找不到的情况；
• 同时TypeScript的strictNullChecks（在默认开启的strict模式下生效）会强制检查所有可能为null/undefined的变量，禁止直接访问其属性或方法，所以会出现你看到的提示。

以下几种方案都能在不关闭校验的前提下处理这个问题：

1. 正确的空值守卫 #

如果之前写的if校验没生效，大概率是代码结构不符合TypeScript的类型推断规则。只要让TypeScript明确知道变量在后续代码中不可能为null，就能消除提示：

const control = formGroup.get('name');
if (control) {
  // 这里TypeScript能自动推断control非空，无需加?
  const value = control.value;
} else {
  // 建议在这里处理控件不存在的异常场景，比如抛错或设默认值
  throw new Error('表单控件name不存在');
}

注意：变量声明和空校验要在同一个作用域内，否则TypeScript无法追踪变量的类型变化。

2. 非空断言（谨慎使用） #

如果你能100%确认目标控件一定存在于表单组中，可以用!非空断言告诉TypeScript忽略null的可能性：

const control = formGroup.get('name')!;
const value = control.value;

风险提示：如果后续表单结构变更导致控件被移除，运行时会直接报错，所以只在控件必然存在的场景下使用。

3. 强类型表单（最推荐） #

借助Angular的强类型表单功能，提前定义表单结构的类型，让get()方法直接返回非空的控件类型，从根源避免null问题：

// 先定义表单结构的类型
interface MyFormStructure {
  name: FormControl<{ value: null | string; disabled: boolean }[]>;
}

// 创建强类型表单组
const formGroup = this.formBuilder.group<MyFormStructure>({
  name: [{ value: null, disabled: false }]
});

// 此时get('name')返回的是确定的FormControl类型，不会是null
const control = formGroup.get('name');
const value = control.value;

这种方式不仅能消除null提示，还能获得完整的类型校验——比如写错控件名会直接在编译阶段报错，避免运行时问题。

4. 直接获取表单原始值 #

如果只是想获取控件的数值（包括禁用状态的控件），可以直接调用表单组的getRawValue()方法，无需单独获取控件：

const value = formGroup.getRawValue().name;

前提是你已经通过强类型表单定义了结构，或者能确定name属性必然存在于返回的对象中。

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