对多个嵌套组件实现通用的controlvalueaccessor

Question

我有一个父应用程序表单，其中包含两个子表单-联系和旅行。我想使用ControlValueAccessor嵌套这两种形式。我写了一个 实现ControlValueAccessor的通用abstarct-value-accessor类，然后每个子组件都对其进行扩展。

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

export class TripComponent extends AbstractValueAccessor<any>
{
  tripInfo: FormGroup = new FormGroup({
      from: new FormControl("", [Validators.required]),
      to: new FormControl("",[Validators.required])
  });
}

export class ContactComponent extends AbstractValueAccessor<ContactInfoModel>{
    contactInfo: FormGroup = new FormGroup({
        email: new FormControl("", [Validators.required]),
        phone: new FormControl("",[Validators.required])
    });
}

我想将子组件表单值嵌套在父组件表单中。当我分别以每个子窗体形式实现ControlValueAccessor时，但在这种情况下（我要扩展AbstractValueAccessor的情况下），我能够实现它。