如果在使用Angular表单时遇到'FormGroup : unable to find control with path”错误,则可能是因为表单控件命名不正确或路径不正确。
可以使用以下步骤来解决此问题:
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { Component, OnInit } from '@angular/core';
@Component({ selector: 'app-form', templateUrl: './form.component.html', styleUrls: ['./form.component.css'] }) export class FormComponent implements OnInit { form: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit(): void { this.form = this.fb.group({ name: ['', Validators.required], email: ['', [Validators.required, Validators.email]] }); } }
需要注意的是,以'formControlName”指令指定的控件名称必须与FormGroup中指定的相同。
例如,如果表单控件位于AppComponent之外的另一个组件中,则必须使用以下语法:
在这种情况下,需要使用以下代码来声明FormGroup:
this.form = this.fb.group({ user: this.fb.group({ name: ['', Validators.required] }) });
如果路径仍然无法找到表单控件,则可以尝试在控制台中执行'console.log(form.value)”来查看具体错误。
这些步骤应该帮助解决'FormGroup : unable to find control with path”错误。