可能是控件的路径或名称有误。可以在模板中检查表单控件的路径以确保正确。例如,如果表单中有一个名为“profile”的FormControl,那么模板中对应的路径应该是“formControlName='profile'”。另外,也可以在组件中检查控件名称拼写是否正确,并检查是否正确地应用了FormControlName指令。
示例代码:
在模板中创建表单控件:
在组件中定义表单控件:
import { Component } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({ selector: 'my-component', template: '...', }) export class MyComponent { myForm: FormGroup;
constructor(private fb: FormBuilder) { this.createForm(); }
private createForm() { this.myForm = this.fb.group({ firstName: ['', Validators.required], lastName: ['', Validators.required], }); } }