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绑定到一些组件模型

Answer 1

我觉得你可以用

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

Angular 非表单控件的验证

Angular validation for Non form controls

javascript

angular

angular-forms

angular-formbuilder