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

Question

我想通过单击提交按钮将带有键和值的表单数据推送为 JSON 格式。

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

Answer 1

使用来自 Angular 的响应式表单。

请按照以下步骤操作。

1. 创建一个表单组并定义您需要的变量。

     export class ProfileEditorComponent {
         profileForm = new FormGroup({
         firstName: new FormControl(''),
         lastName: new FormControl(''),
     });
   
   
    onSubmit() {        
      console.warn(this.profileForm.value);
     }
   }
   

2. 创建如下所示的 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