1. 确保在模块中导入了 @angular/forms：

import { ReactiveFormsModule } from '@angular/forms';

@NgModule({ imports: [ ReactiveFormsModule, // ... ], // ... }) export class AppModule { }

2. 在组件中导入 FormGroup、FormControl 等表单相关类：

import { Component, OnInit } from '@angular/core'; import { FormGroup, FormControl } from '@angular/forms';

@Component({ selector: 'app-my-form', template:

ngOnInit() { this.myForm = new FormGroup({ firstName: new FormControl(), // more form controls here }); }

onSubmit() { console.log(this.myForm.value); } }

3. 在模板中将 form 控件绑定到 FormGroup 实例：

4. 确保 FormControlName 和 FormControl 实例的名称匹配。例如：

new FormGroup({ firstName: new FormControl(), // FormControl 实例名为 'firstName' // ... }); // FormControlName 为 'firstName'

5. 确保 FormControl 实例有值。例如：

new FormGroup({ firstName: new FormControl(''), // FormControl 实例值为空字符串 // ... });

6. 检查表单控件的错误信息：