Angular表单控件setErrors在值变更后失效，添加自定义Validator仍未解决

你遇到的问题本质是Angular表单控件每次值变更时会重新执行所有绑定的验证器，并自动重置错误状态，如果自定义验证器没有正确持久绑定、或者验证器执行逻辑不符合预期，就会出现修改值后错误消失的问题，可按以下步骤排查解决：

1. 优先在表单初始化阶段绑定验证器 #

不要在ngOnInit里动态追加验证器，直接在创建FormControl的时候就把自定义验证器加入验证器列表，避免时序问题或者验证器覆盖问题：

// 表单初始化示例
this.form = this.formBuilder.group({
  // 其他字段
  entries: ['', [
    // 原有验证器（比如必填、长度校验等，没有可以去掉）
    Validators.required,
    // 直接加入你的自定义验证器
    forbiddenValidator()
  ]]
});

2. 动态添加验证器不要覆盖原有逻辑 #

如果业务场景需要在ngOnInit里动态追加验证器，需要先保留控件原有验证器，避免原有验证逻辑被覆盖：

const entryControl = this.form.controls.entries;
// 保留原有验证器
const originValidators = entryControl.validator;
entryControl.setValidators(
  originValidators ? 
  [originValidators, forbiddenValidator()] : 
  [forbiddenValidator()]
);
// 给当前控件单独触发校验，加emitEvent: false避免触发不必要的表单值变更事件
entryControl.updateValueAndValidity({emitEvent: false});

3. 排查验证逻辑问题 #

如果你的验证器不是测试用的硬编码返回错误，需要和默认值做对比，建议把默认值通过验证器工厂参数传入，避免闭包问题导致判断失效：

export function forbiddenValidator(defaultEntries: any): ValidatorFn {
  return (control: AbstractControl): ValidationErrors | null => {
    // 按实际业务写对比逻辑，数组/对象建议序列化后对比
    const forbidden = JSON.stringify(control.value) !== JSON.stringify(defaultEntries);
    return forbidden ? {'doesNotMatchDefaultEntries': true} : null;
 };
}

使用时传入默认值即可：

// 示例，defaultEntries为你的默认条目配置
forbiddenValidator(defaultEntries)

4. 调试验证状态 #

如果修改值后错误仍然消失，可以在模板中加调试代码，确认控件错误状态的实时值，排查是验证器没生效还是CSS类绑定逻辑有问题：

<!-- 调试用，确认修改值后errors字段是否存在对应错误 -->
<p>entries控件错误状态：{{ form.controls.entries.errors | json }}</p>

5. 极端场景强制保留错误 #

如果业务需求是无论用户输入什么，这个错误状态都要永久保留，也可以监听控件的值变更事件，每次值变更后手动重设错误：

this.form.controls.entries.valueChanges.subscribe(() => {
  this.form.controls.entries.setErrors({'doesNotMatchDefaultEntries': true}, {emitEvent: false});
});

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