如何简化form-group中多form-control校验代码，减少重复逻辑？

针对你重复判断表单控件有效性的问题，有几种简洁的优化方式：

方案1：直接利用FormGroup的内置valid属性 #

Angular的FormGroup本身就提供了valid属性，当所有子控件都处于valid状态时，该属性才会返回true，否则返回false。完全匹配你的需求，一行代码就能解决：

checkFormValidation(): boolean {
  return this.new.valid; // 注意修正代码里的笔误（比如`this.newm`应为同一个FormGroup实例）
}

如果你的表单由多个独立FormGroup组成，可合并判断：

checkFormValidation(): boolean {
  return this.new.valid && this.newm.valid;
}

方案2：遍历控件集合手动校验 #

如果需要更灵活的校验逻辑（比如只检查特定控件），可以通过遍历控件集合实现：

checkFormValidation(): boolean {
  // 把需要校验的控件名存入数组
  const controlKeys = ['control1', 'control2', 'control3', ... /* 剩余4个控件名 */];
  
  // 检查是否存在任意invalid的控件，取反后返回结果
  return !controlKeys.some(key => this.new.controls[key].invalid);
}

也可直接遍历FormGroup的所有控件，无需手动罗列控件名：

checkFormValidation(): boolean {
  // 获取所有控件实例，检查是否存在invalid项
  return !Object.values(this.new.controls).some(control => control.invalid);
}

额外提示：直接在模板中绑定禁用状态 #

你甚至不需要单独编写checkFormValidation方法，Angular支持直接在模板中绑定表单的valid属性来禁用按钮：

<button type="submit" [disabled]="!new.valid">提交</button>

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