Блог

Я хочу проверить форму, используя реактивную группу форм для элементов управления, отличных от формы. Я использовал некоторые пользовательские компоненты как часть своей формы. Пожалуйста, посмотрите пример

 <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 к некоторой компонентной модели

Я думаю, что вы можете использовать

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