在Angular 13中,错误可能是由于表单中的控件未正确命名所致。要修复此错误,请确保表单控件的名称与模板中的名称匹配,并且确保在组件中引用了正确的表单控件名称。
下面是一个示例,展示如何在Angular 13中正确引用表单控件名称:
在组件中:
import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
form = new FormGroup({
name: new FormControl(''),
age: new FormControl('')
});
onSubmit() {
console.log(this.form.value);
}
}
在模板中:
在这个示例中,我们使用了formControlName
指令来引用表单控件名称。注意,在组件类中,form
属性是类型为FormGroup
的表单实例。
因此,在Angular 13中,确保表单控件名称正确引用,并且正确引用表单实例的属性,可以解决“Property does not exist on type 'FormGroup'”错误。