如何向已定义的FormGroup中追加id字段以提交更新用户记录

patchValue 仅支持更新 FormGroup 中已预先声明的表单控件，你初始化表单时没有定义id控件，因此对不存在的控件赋值不会生效。

以下是3种常用实现方式，可根据你的业务场景选择：

• 方案1：预先声明id控件（最符合Angular响应式表单规范）
  初始化FormGroup时直接添加id字段，无需校验的话可以不设置验证规则：

  this.Form = this.formBuilder.group({
    id: [null], // 新增id控件，初始值设为null即可
    firstname: ['', Validators.required],
    lastname: ['', Validators.required],
    email: ['', Validators.required]    
  });
  

  之后你原本写的patchValue代码就可以正常给id赋值了。

• 方案2：动态添加id控件
  如果不方便修改表单初始化逻辑，可以用addControl方法动态追加控件：

  // 需先从@angular/forms导入FormControl
  editMethod(userid:any)  {
    this.Form.addControl('id', new FormControl(userid));
  }
  

• 方案3：提交时直接合并参数（最轻量，适合id无需参与表单校验的场景）
  如果你不需要id参与表单的状态管理、校验逻辑，完全可以不用修改FormGroup，提交接口前直接合并参数即可：

  submitForm() {
    // 合并表单值和id
    const submitParams = {...this.Form.value, id: 你存储的userid变量};
    // 把submitParams传给后端接口即可
  }
  

注意：如果你使用Angular14及以上版本的类型化表单，需要给FormGroup补充对应id字段的类型声明，避免出现类型报错。

内容的提问来源于stack exchange，提问作者mevr