如何将FormGroup内所有控件标记为未触碰状态并消除校验红线？

直接对FormGroup操作清除所有子控件错误的核心是遍历组内的所有控件，批量调用setErrors(null)——因为FormGroup自身的setErrors(null)只处理组级别的错误，不会影响子控件的错误状态；而markAsPristine()/markAsUntouched()只是修改表单的脏值/触摸状态，和错误提示的触发逻辑无关。

具体实现可以封装成一个复用方法：

clearFormGroupErrors(formGroup: FormGroup) {
  Object.values(formGroup.controls).forEach(control => {
    control.setErrors(null);
    // 可选：如果需要同时重置控件的触摸/脏值状态，可追加以下两行
    // control.markAsPristine();
    // control.markAsUntouched();
  });
}

在你完成“添加值到列表”的逻辑后，直接传入你的FormGroup实例调用即可：

// 假设你的FormGroup实例名为myForm
this.clearFormGroupErrors(this.myForm);
// 随后执行表单清空操作
this.myForm.reset();

需要注意的是，红色边框通常是模板中控件的invalid状态结合touched/submitted状态触发的样式，所以如果你的模板逻辑依赖这些状态，也可以在清除错误的同时重置控件状态，但核心必须清除每个子控件的错误对象才能彻底消除红色边框。

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