使用contolvalueaccessor嵌套表格

时间:2019-05-22 08:08:39

标签: angular controlvalueaccessor

我有一个容器组件和两个子组件:行程和组件。 为了将子组件嵌套在parent中,我已经实现了Controlvalueaccessor。我创建了一个抽象值访问器类,该类实现了Controlvalueaccessor,然后其他组件(行程和触点)对其进行了扩展。

https://stackblitz.com/edit/angular-dfxwde

export class ContactComponent extends AbstractValueAccessor<ContactInfoModel>{

    contactInfo: FormGroup = new FormGroup({
        email: new FormControl("", [Validators.required]),
        phone: new FormControl("",[Validators.required])
    });

}

export class TripComponent extends AbstractValueAccessor<any>{

  tripInfo: FormGroup = new FormGroup({
      from: new FormControl("", [Validators.required]),
      to: new FormControl("",[Validators.required])
  });

  trip="";
}

当我在每个组件中分别实现CVA时,我能够实现表单值的嵌套,因为我可以使用表单组值,但在这种情况下不能。

1 个答案:

答案 0 :(得分:0)

您未实现ControlValueAccessor,请参见:How to implement custom FormControl