时间戳

首页 > 解决方案 > 与表单组一起添加一个字段

angular - 与表单组一起添加一个字段

问题描述

我需要编辑和更新用户记录。我正在使用 formGroup 提交我的表单。在提交更新表单时，我需要传递并附加“id”字段以及表单组。

  this.Form = this.formBuilder.group({

  firstname: ['', Validators.required],
  lastname: ['', Validators.required],
  email: ['', Validators.required]    
  });

i tried:-

 editMethod(userid:any)  {

 this.Form.patchValue({
  id: userid,
 })
 }

补丁值不起作用我需要将 id 与 formGroup 一起附加，以便我可以更新此表单。

标签： angulartypescript

解决方案

您可以默认定义 Id 并保留它而无需验证。

并稍后修补该值。

 this.Form = this.formBuilder.group({
  id: [''],  // add this
  firstname: ['', Validators.required],
  lastname: ['', Validators.required],
  email: ['', Validators.required]    
  });

此外，如果它已经存在，您应该使用 id 进行初始化

 this.Form = this.formBuilder.group({
  id: [userid], 
  firstname: ['', Validators.required],
  lastname: ['', Validators.required],
  email: ['', Validators.required]    
  });

第二次你不需要修补已经存在的值。

推荐阅读