在 Angular 响应式表单中，当我们使用 setValue 或 patchValue 方法来更改表单控件的值时，有时候我们会发现值并没有被修改。这是因为这些方法只在表单控件中设置新的值，但它不会导致表单提交并更新到后端服务中。

解决这个问题最简单的方法就是在表单提交之前，手动更新表单的值。以下是一个示例代码：

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

@Component({
  selector: 'app-root',
  template: `
    

      
      Submit
    
  `,
})
export class AppComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      name: [''],
    });
  }

  onSubmit() {
    const formValue = this.myForm.value;
    // 手动更新表单的值
    this.myForm.setValue(formValue);
    // 发送表单数据到后端服务
  }
}

在这个示例代码中，我们在表单提交之前手动更新了表单的值，以确保我们提交的是最新的表单数据。