如何浏览formGroup的值？

Question

如何使用模块 ReactiveFormsModule

浏览formGroup的值

createForm() {
  this.form = this._FormBuilder.group({ // <-- the parent FormGroup
    formation59: this.formation59,
    dateSaisie: this.dateSaisie
  });
}

for (let i=0; i<this.form.value.length; i++) {
  console.log(this.form.value[i]);
}

我使用Angular 5.2，引导程序4。

Answer 1

您可以遍历formControls而不是formGroup。

this.form.controls.forEach((control) => {
     console.log(control.value);
});

Answer 2

取决于您对“浏览”的定义。

您可以显示值：

console.log(this.form.value);

您还可以遍历每个值：

this.form.controls.forEach((control: FormControl) => console.log(control.value));

Answer 3

表单组有一个对象文字controls，您可以使用Object.keys进行迭代：

Object.keys(this.form.controls).forEach(key => { 
  console.log(this.form.get(key).value);
});