如何从FormGroup获取单个值

Question

我知道我可以使用

获取表单的值

JSON.stringify（this.formName.value） 但是，我希望从表单中获取单个值。

我该怎么做？

Answer 1

是的，你可以。

this.formGroup.get('name of you control').value

Answer 2

你可以获得这样的价值

this.form.controls['your form control name'].value

Answer 3

另一个选择：

this.form.value['nameOfControl']

Answer 4

点符号将破坏类型检查，切换到方括号符号。您也可以尝试使用get（）方法。它也使AOT编译保持在我读过的状态。

this.form.get('controlName').value // safer
this.form.controlName.value // triggers type checking and breaks AOT

Answer 5

用于Angular 6+和> = RC.6

.html

<form [formGroup]="formGroup">
  <input type="text" formControlName="myName">
</form>

.ts

public formGroup: FormGroup;
this.formGroup.value.myName

也应该起作用。

Answer 6

您可以使用2019123

getRawValue()

Answer 7

您可以通过以下方式完成

this.your_form.getRawValue()['formcontrolname]
this.your_form.value['formcontrolname]

Answer 8

此代码也适用：

this.formGroup.controls.nameOfcontrol.value