Angular报错：Type 'AbstractControl | null'无法分配给AbstractControl类型

Angular 中FormGroup实例的get()方法TS类型定义返回值为AbstractControl | null，你定义的两个getter标注的返回类型是AbstractControl，未覆盖null类型，因此触发类型不匹配报错。
你之前使用$any()修复无效的原因很简单：$any()是Angular提供的模板专属类型绕过函数，仅能在HTML模板中使用，在TypeScript类代码中调用不会被TS识别，完全不生效。

因为你在initForm方法中已经固定初始化了email和password两个控件，正常逻辑下不可能取到null，直接用TS非空断言即可快速修复，修改两个getter代码：

// 在get()调用末尾加!，告知TS该返回值一定不为空
get email(): AbstractControl { return this.loginForm.get('email')! }
get password(): AbstractControl { return this.loginForm.get('password')! }

如果需要更严谨的空值防护（比如后续动态删除控件的场景），可以加显式空值判断：

get email(): AbstractControl { 
  const ctrl = this.loginForm.get('email');
  if (!ctrl) throw new Error('Email form control is not initialized');
  return ctrl;
}
get password(): AbstractControl { 
  const ctrl = this.loginForm.get('password');
  if (!ctrl) throw new Error('Password form control is not initialized');
  return ctrl;
}

• 修复完成后你现有的HTML模板代码不需要做任何改动，所有控件的invalid、pristine、errors属性访问都不会再触发类型报错
• 不要在TS逻辑中使用$any()处理类型问题，该方法仅适用于模板中临时绕过类型检查的场景

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