angular 5 中的表单数据在 console.log() 时显示为空

Question

在 Angular 5 html 中，我执行了以下操作并按下了提交按钮。在这里，在 .ts 文件中，我想附加自定义值，然后想 console/print 提交表单的值。

<form method="post" (ngSubmit)="signupFrm.form.valid && onSubmit(signupFrm)" #signupFrm="ngForm">
...
...
<button type="submit">Submit</button>
</form>

在.ts文件中，我写道：

import { NgForm }   from '@angular/forms';
....
....
onSubmit(form: NgForm){
  console.log(form.value);
  var formData = new FormData();
  formData.append('mycustom', "custom");
  for(let eachField in form.value)
  {
    formData.append(eachField,form.value[eachField]);
  }
  console.log(formData);
}

我看到控制台显示空的 formData。有什么想法吗？

Answer 1

用这个方法检查控制台。

console.log(formData.getAll('mycustom'));

FormData还有其他方法:

angular 5 中的表单数据在 console.log() 时显示为空

formdata in angular 5 showing empty when console.log()

angular

angular5