![](/img/trans.png)
[英]Angular 9 Reactive Form; PatchValue of FormGroup with nested FormArray
[英]PatchValue on a nested FormArray
我有一个包含日期值的嵌套表单数组的表单。 当用户选择一个日期时,会调用一个函数来格式化日期并更新表单的值。 但是,我很难理解如何访问数组中的特定表单控件......这是相关代码
constructor(private formBuilder: FormBuilder, private datepipe: DatePipe) {
this.form = this.formBuilder.group({
loading: this.formBuilder.array([])
});
}
get loadingForm(){
return this.form.get('loading') as FormArray
}
addLoadingTimes(){
const loading = this.formBuilder.group({
StartLoadDate: [],
EndLoadDate: []
})
this.loadingForm.push(loading);
}
//format date from datepicker
changeDateTimeEvent(event:MatDatepickerInputEvent<Date>, index, controlName) {
const d = new Date(event.value);
const date = this.datepipe.transform(d, 'yyyyMMddHHMMss');
this.form.controls['loading'][controlName].at(index).patchValue(date);
}
现在,我正在尝试使用以下行更新值:
this.form.controls['loading'][controlName].at(index).patchValue(date);
但是,显然是错误的......有人可以帮忙吗?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.