Вложенность формы с использованием contolvalueaccessor

Question

У меня есть один компонент контейнера и два дочерних компонента: trip и component.Чтобы вложить дочерний компонент в родительский, я реализовал Controlvalueaccessor.Я создал класс abstractvalueaccessor, который реализует Controlvalueaccessor, а затем его расширяют другие компоненты (trip & contact).

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 в каждый компонент, потому что я могу играть со значением formgroup, но не в этом случае.

Answer 1

Вы не реализуете ControlValueAccessor, посмотрите это: Как реализовать пользовательский FormControl