动态Reactive Forms的valueChanges中使用validators，校验失败如何回退值

可以实现选中choice2不满足兼容条件时回退到指定状态（比如choice3或上一次的合法选中值），但不要直接在自定义验证器中修改表单控件的状态和值——验证器的核心职责仅为返回校验结果，值回退逻辑应该放在valueChanges的订阅回调中处理。

实现方案 #

1. 调整FormGroup生成逻辑，新增历史有效值存储 #

你需要为每个单选框对应的FormControl维护上一次校验通过的有效值，作为校验失败后的回退基准，同时修改valueChanges的订阅逻辑增加校验判断：

toFormGroup(properties: PropertyBase<string>[]): FormGroup {
  const group: any = {};
  properties.forEach(property => {
    const validators = this.service.getValidatorsByProperty(property);
    if (property.required) validators.push(Validators.required);
    const formControl = group[property.key] = new FormControl(
      {
        value: property.value,
        disabled: property.disabled || false
      }
    );
    // 存储当前控件上一次校验通过的合法值，初始值为控件默认值
    let previousValidValue = property.value;

    formControl
    .valueChanges.pipe(takeUntil(/** comp destroyed */))
    .subscribe(val => {
      formControl.setValidators(validators);
      // 手动触发校验，关闭事件发射避免冗余触发
      formControl.updateValueAndValidity({ emitEvent: false });

      if (formControl.invalid) {
        // 校验不通过，回退到历史合法值，关闭事件发射避免循环触发valueChanges
        // 如果要固定回退到choice3，直接把previousValidValue替换为'choice3'即可
        formControl.setValue(previousValidValue, { emitEvent: false });
        return;
      }

      // 校验通过，更新历史合法值后提交变更
      previousValidValue = val;
      submit(val);
    });
  });
  return new FormGroup(group);
}

2. 调整自定义验证器逻辑 #

验证器仅做校验逻辑判断，不需要处理值回退：

export function myValidator(
  isIncompatible: boolean // 传入你用来判断是否兼容的业务字段
): ValidatorFn {
  return (control: AbstractControl): ValidationErrors | null => {
    const selectedValue = control.value;
    // 选中choice1/choice2且当前处于不兼容状态时，返回校验错误
    const isForbidden = isIncompatible && ['choice1', 'choice2'].includes(selectedValue);
    return isForbidden ? { forbiddenValue: { value: selectedValue } } : null;
  };
}

注意事项 #

• 不要在验证器内直接调用setValue/reset等修改控件值的方法，会破坏Angular表单的校验生命周期，也容易引发循环调用问题。
• 如果需求是无论上一次选的是什么，只要校验失败就固定回退到choice3，只需要把回退逻辑中的previousValidValue替换为固定值'choice3'即可。

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