向非外部提供的组件提供NG_VALUE_ACCESSOR

Question

我必须使用尚未以反应形式实现NG_VALUE_ACCESSOR的组件。

是否可以从外面注射？任何示例或教程都会有帮助。

Answer 1

reactiveForm与我们是否有输入或自定义表单控件无关。如果组件具有“输入”和“输出”，则su可以使用类似命令。对于输入，我想说一些反映组件中值的参数，对于输出，返回任何返回值的“ onChange”

<app-component [input]="myFormControl.get('mycontrol').value 
               (output)="myFormControl.get('mycontrol').setValue($event)">
</app-component>

一个简单的示例，一个按钮组成的组件

  <button (click)="click()">{{count}}</button>

  @Input('input') count: number;
  @Output('output') output = new EventEmitter<any>();
  click() {
    this.count++;
    this.output.emit(this.count)
  }