这个错误是由于Angular找不到指定路径的控件引起的。以下是解决方法的示例代码:
模板文件示例:
组件文件示例:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, FormArray } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.html',
styleUrls: ['./my-component.css']
})
export class MyComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {}
ngOnInit() {
this.myForm = this.formBuilder.group({
addresses: this.formBuilder.array([
this.formBuilder.group({
street: ['']
})
])
});
}
get addresses() {
return this.myForm.get('addresses') as FormArray;
}
}
示例代码:
// 添加新的地址控件
addAddress() {
this.addresses.push(this.formBuilder.group({
street: ['']
}));
}
// 删除地址控件
removeAddress(index: number) {
this.addresses.removeAt(index);
}
希望这些解决方法能帮助到你解决Angular FormArray绑定错误!