非表单控件的 Angular 验证

Question

我想为非表单控件使用反应式表单组来验证表单。 我在表单中使用了一些自定义组件。 请看例子

<form [formGroup]='formGroupName' >
  <input type='text' formControlName='control1'/>
  <!--The below component is part of some node module I cant do any changes in the below component -->
  <some-component [(value)]='model'></some-component>
</form>

 TypeScript
 this._fb.group({
   control1: ['', [Validators.required]],
   control2: ['', [Validators.required]]
 });

在上面的代码中，我想将 control2 绑定到某个组件model

Answer 1

我认为你可以使用

<some-component [value]="formGroupName.get('control2').value"
                (valueChange)="formGroupName.get('control2').setValue($event)"
></some-component>