将自定义组件与ControlValueAccessor一起使用时，从不调用onTouched

import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { Component, forwardRef } from '@angular/core';

@Component({
  selector: 'app-custom-control',
  templateUrl: './custom-control.component.html',
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => CustomControlComponent),
      multi: true
    }
  ]
})
export class CustomControlComponent implements ControlValueAccessor {
  private onTouched: () => void;

  // 其他代码...
}

import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { Component, forwardRef } from '@angular/core';

@Component({
  selector: 'app-custom-control',
  templateUrl: './custom-control.component.html',
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => CustomControlComponent),
      multi: true
    }
  ]
})
export class CustomControlComponent implements ControlValueAccessor {
  private onTouched: () => void;

  // 其他代码...

  writeValue(value: any): void {
    // 将传入的值写入组件内部
  }

  registerOnChange(fn: any): void {
    // 注册变化回调函数，并在值变化时调用
  }

  registerOnTouched(fn: any): void {
    this.onTouched = fn; // 保存onTouched方法的引用
  }

  setDisabledState(isDisabled: boolean): void {
    // 设置组件的禁用状态
  }

  // 其他代码...
}