Class MyInput

packages/forms/test/value_accessor_integration_spec.ts:2139–2166

  standalone: false,
})
export class MyInput implements ControlValueAccessor {
  @Output('input') onInput = new EventEmitter();
  value!: string;

  control: AbstractControl | null = null;

  constructor(public controlDir: NgControl) {
    controlDir.valueAccessor = this;
  }

  ngOnInit() {
    this.control = this.controlDir.control;
  }

  writeValue(value: any) {
    this.value = `!${value}!`;
  }

  registerOnChange(fn: (value: any) => void) {
    this.onInput.subscribe({next: fn});
  }

  registerOnTouched(fn: any) {}

  dispatchChangeEvent() {
    this.onInput.emit(this.value.substring(1, this.value.length - 1));
  }
}

@Component({
  selector: 'my-input-form',