Question

我想通过单击“提交”按钮将具有键和值的表单数据推入JSON格式。

我不想手动创建JSON。请帮助我解决这个问题。

Answer 1

使用Angular的反应形式。

请遵循以下步骤。

创建一个表单组并定义所需的变量。

  export class ProfileEditorComponent {
      profileForm = new FormGroup({
      firstName: new FormControl(''),
      lastName: new FormControl(''),
  });


 onSubmit() {        
   console.warn(this.profileForm.value);
  }
}

创建如下所示的html文件。

  <form [formGroup]="profileForm">

 <label>
  First Name:
  <input type="text" formControlName="firstName">
</label>

<label>
 Last Name:
<input type="text" formControlName="lastName">
</label>

<button type="submit" >Submit</button>

请找到相同的指南。 https://angular.io/guide/reactive-forms

在Angular 8中，如何在单击“提交”按钮时将所有值转换为JSON？

1 个答案: