角度5中的formdata在console.log（）時顯示為空

Question

在Angular 5 html ，我執行了以下操作，然后按Submit按鈕。 在這里，我要在.ts文件中附加自定義值，然后要控制台/打印提交表單的值。

<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上還有其他方法：