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