如何在编辑输入的同时，在Angular中修补reactive form数组中的值？

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

@Component({
  // 组件的其他配置
})
export class YourComponent {
  form: FormGroup;

  constructor(private fb: FormBuilder) {
    this.form = this.fb.group({
      // 其他表单字段
      arrayField: this.fb.array([]) // 定义一个空的FormArray
    });
  }
}

<form [formGroup]="form">
  <!-- 其他表单字段的HTML代码 -->

  <div formArrayName="arrayField">
    <div *ngFor="let item of arrayField.controls; let i = index">
      <input [formControlName]="i" placeholder="Item {{ i }}">
    </div>
  </div>
</form>

get arrayField(): FormArray {
  return this.form.get('arrayField') as FormArray;
}

addItem(): void {
  this.arrayField.push(this.fb.control('')); // 添加一个空的表单控件
}

removeItem(index: number): void {
  this.arrayField.removeAt(index); // 删除指定索引的表单控件
}

updateItem(index: number, value: string): void {
  this.arrayField.at(index).setValue(value); // 更新指定索引的表单控件的值
}