Angular 中的 FormGroup 的 patchValue() 方法

在 Angular 中，FormGroup 是表单模块中非常重要的一部分，它用于管理表单中多个可变控件的值。FormGroup 可以用于构建复杂的嵌套表单，也可以用于简单的基本表单。

如果您需要修改 FormGroup 中的某个表单控件的值，可以使用 FormGroup 的 patchValue() 方法。下面是一些示例代码展示如何使用 FormGroup 的 patchValue() 方法来修改表单控件的值。

假设我们有一个简单的 FormGroup 如下：

this.myForm = new FormGroup({
  firstName: new FormControl('', Validators.required),
  lastName: new FormControl('', Validators.required)
});

要修改名字这个字段的值，您可以这样做：

this.myForm.patchValue({
  firstName: 'John'
});

上面的代码中，我们使用了 patchValue() 方法来修改 FormGroup 中的 firstName 控件的值为 "John"。

如果您需要修改 FormGroup 中的某个控件在数组中的位置，例如数组中的第二个控件，您可以按如下方式使用 patchValue() 方法：

const newValue = 'New value';
this.myForm.get('myArray').patchValue(
  [{
    value: newValue}, // 新的值
  ],
  {onlySelf: false, emitEvent: true} // 配置项
);

上面的代码中，myArray 是一个 FormArray 对象，我们使用 patchValue() 方法来修改它中的第二项的值。

需要注意的是，当我们使用 patchValue() 方法时，FormGroup 中其他没有被修改的表单控件的值不会被改变。如果您需要修改整个 FormGroup 中的值，应使用 setValue() 方法。

我们在本文中介绍了 FormGroup 的 patchValue() 方法的使用方法和相关注意事项，希望对您有所帮助。