我有一个容器组件和两个子组件:行程和组件。 为了将子组件嵌套在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时,我能够实现表单值的嵌套,因为我可以使用表单组值,但在这种情况下不能。