将 FormGroup 作为 FormData Angular 8答案

【问题标题】：Get FormGroup as FormData Angular 8将 FormGroup 作为 FormData Angular 8
【发布时间】：2020-02-25 13:10:03
【问题描述】：

如何消除 FormData 中的附加信息。有没有办法轻松地将 FormGroup 作为 FormData 获得？代码如此重复，似乎没有必要。

 formularioApartamentoLocacao: FormGroup;

 const formulario = new FormData();

formulario.append('preco', this.formularioApartamentoLocacao.controls['preco'].value )   ;
formulario.append('banheiros', this.formularioApartamentoLocacao.controls['banheiros'].value);
formulario.append('vagas_garagem', this.formularioApartamentoLocacao.controls['vagas_garagem'].value);
formulario.append('suites', this.formularioApartamentoLocacao.controls['su'].value);

formulario.append('foto_1', this.formularioApartamentoLocacao.controls['foto_1'].value);
formulario.append('foto_2', this.formularioApartamentoLocacao.controls['foto_2'].value);
formulario.append('foto_3', this.formularioApartamentoLocacao.controls['foto_3'].value);
formulario.append('foto_4', this.formularioApartamentoLocacao.controls['foto_4'].value);
formulario.append('foto_5', this.formularioApartamentoLocacao.controls['foto_5'].value);
formulario.append('foto_6', this.formularioApartamentoLocacao.controls['foto_6'].value);

formulario.append('foto_7', this.formularioApartamentoLocacao.controls['foto_7'].value);

formulario.append('dormitorios', this.formularioApartamentoLocacao.controls['dormitorios'].value);

【问题讨论】：

这能回答你的问题吗？ stackoverflow.com/questions/53026879/…
我看到了这个问题，我不喜欢任何答案。我想相信 Angular 中有一个工具可以将 FormGroup 转换为 FormData。这是一个常见的要求。
是的，如果没有，你可以试试这个库：npmjs.com/package/json-form-data

标签： angular typescript

【解决方案1】：

你愿意使用循环吗？

这应该消除重复的代码：

formularioApartamentoLocacao: FormGroup;

const formulario = new FormData();

const formData = formularioApartamentoLocacao.value;

Object.keys(formData).forEach((key) => {
  formulario.append(key, formData[key]);
});

【讨论】：