将FormGroup作为FormData Angular 8获取

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

export class MyComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      email: new FormControl(''),
      // 其他表单控件...
    });
  }
}

<form [formGroup]="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" formControlName="name">

  <label for="email">Email:</label>
  <input type="email" id="email" formControlName="email">

  <!-- 其他表单控件... -->

  <button (click)="submitForm()">Submit</button>
</form>

export class MyComponent {
  // ...

  submitForm() {
    if (this.myForm.valid) {
      const formData = new FormData();

      // 将FormGroup中的值添加到FormData对象中
      Object.keys(this.myForm.value).forEach(key => {
        formData.append(key, this.myForm.value[key]);
      });

      // 使用FormData对象进行提交或处理
      // 例如，使用HttpClient发送POST请求
      this.http.post('https://example.com/api', formData).subscribe(response => {
        // 处理响应
      });
    }
  }
}