如何在ControlValueAccessor实现内部将表单控件重置为pristine状态

我完全懂你的困扰——调用accessorOnChange()确实能触发我们注册的MyValidator，但顺带把表单控件标记为dirty，这显然不是你想要的效果。下面给你两个实用的解决方案，帮你只触发验证逻辑，却保持控件的pristine状态：

• 方案一：注入NgControl手动修正状态
  我们可以直接拿到当前控件对应的FormControl实例，在触发验证后手动把状态重置为pristine。步骤很简单：

  1. 先在组件构造函数中注入NgControl（记得加@Self()和@Optional()避免循环依赖）：

     import { NgControl, Self, Optional } from '@angular/forms';
     
     constructor(
       @Optional() @Self() private ngControl: NgControl
     ) {}
     

  2. 在someCustomHandler()里，先调用accessorOnChange()触发验证，再立刻修正状态：

     public someCustomHandler() {
       // 先保存控件原本的touched状态，避免被重置
       const wasTouched = this.ngControl.control?.touched;
       // 触发验证逻辑
       this.accessorOnChange(value);
       // 重置为pristine状态
       this.ngControl.control?.markAsPristine();
       // 恢复之前的touched状态（如果之前已经被标记过）
       if (wasTouched) {
         this.ngControl.control?.markAsTouched();
       }
     }
     

  这个方法直接利用Angular原生的验证流程，之后再手动修正状态，简单直观。

• 方案二：手动执行验证器，跳过状态变更
  如果你不想依赖accessorOnChange()带来的状态变更，可以直接获取注册的验证器并手动执行，然后更新控件的错误状态，完全绕开dirty标记的逻辑：

  1. 同样需要注入NgControl：

     import { NgControl, Self, Optional } from '@angular/forms';
     
     constructor(
       @Optional() @Self() private ngControl: NgControl
     ) {}
     

  2. 在someCustomHandler()中手动执行验证并更新错误：

     public someCustomHandler() {
       const control = this.ngControl.control;
       if (!control) return;
     
       // 获取并执行所有注册的同步验证器（包括你的MyValidator）
       const validationErrors = control.validator?.(control);
       // 更新控件的错误状态
       control.setErrors(validationErrors);
       // 通知控件更新状态，但不触发事件和值变更（避免标记dirty）
       control.updateValueAndValidity({
         onlySelf: true,
         emitEvent: false,
         emitModelToViewChange: false,
         emitViewToModelChange: false
       });
     }
     

  这个方法更精准，完全掌控验证和状态更新的过程，不会触发任何不必要的状态变更。

• 小提醒
  操作FormControl前记得先判断this.ngControl.control是否存在，避免空指针错误。不管是响应式表单还是模板驱动表单，这个方法都能正常工作。

内容来源于stack exchange