使用 contolvalueaccessor 嵌套表单答案

【问题标题】：Nesting of form using contolvalueaccessor使用 contolvalueaccessor 嵌套表单
【发布时间】：2019-10-08 15:55:43
【问题描述】：

我有一个容器组件和两个子组件：行程和组件。为了将子组件嵌套在父组件中，我实现了 Controlvalueaccessor。我创建了一个实现 Controlvalueaccessor 的 abstractvalueaccessor 类，然后其他组件（旅行和联系）正在扩展它。

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 时，我能够实现表单值的嵌套，因为我可以使用表单组值但在这种情况下不能。

【问题讨论】：

标签： angular controlvalueaccessor

【解决方案1】：

您没有实现ControlValueAccessor，请参阅：How to implement custom FormControl

【讨论】：