要解决Angular FormArray模板值不绑定到Typescript的问题,您可以尝试以下解决方法:
imports
数组中导入了ReactiveFormsModule
。import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
ReactiveFormsModule
]
})
export class YourModule { }
FormBuilder
来创建和初始化FormArray。确保您在组件的构造函数中注入了FormBuilder
。import { FormBuilder, FormArray } from '@angular/forms';
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
// 创建FormArray
this.myFormArray = this.formBuilder.array([]);
// 初始化FormArray
this.myFormArray.push(this.formBuilder.control('Initial value'));
// 将FormArray绑定到表单模型
this.myForm = this.formBuilder.group({
myFormArray: this.myFormArray
});
}
formArrayName
指令将FormArray绑定到模板中的元素。
通过遵循以上步骤,您应该能够正确地将FormArray模板值绑定到Typescript中。确保在组件类中正确地引用和操作FormArray。