问题解决方法：问题通常是因为没有正确绑定表单控件，因此导致数据没有保存。需要使用 [(ngModel)] 或 formControlName 对表单控件进行绑定，并且正确的引入 ReactiveFormsModule 模块。示例代码如下：

在模板文件中：

在组件文件中：

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

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent implements OnInit { myForm: FormGroup; // 声明一个 FormGroup

constructor(private fb: FormBuilder) { }

ngOnInit() { this.myForm = this.fb.group({ username: ['', Validators.required] // 表单控件绑定并指定验证规则 }); }

handleSubmit() { console.log(this.myForm.value); // 输出表单数据 } }