在Angular 7中,如果出现表单数组错误无法找到路径的控件,可能是由于表单数组中的控件路径设置不正确导致的。以下是解决方法的代码示例:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, FormArray } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
items: this.formBuilder.array([])
});
// 添加控件到表单数组
this.addItem();
}
get items() {
return this.myForm.get('items') as FormArray;
}
addItem() {
const item = this.formBuilder.group({
name: '',
age: ''
});
this.items.push(item);
}
}
通过以上的代码示例,应该能够解决Angular 7中表单数组错误无法找到路径的控件问题。确保在表单数组中的每个控件上都有唯一的路径,并且正确地创建表单数组。