如何从 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

对于 Angular 6+ 和 >=RC.6

.html

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

.ts

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

应该也可以。

Answer 4

此代码也有效：

this.formGroup.controls.nameOfcontrol.value

Answer 5

点符号会破坏类型检查，切换到括号符号。您也可以尝试使用 get() 方法。它还使我阅读过的 AOT 编译保持完整。

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

Answer 6

您可以使用getRawValue()

this.formGroup.getRawValue().attribute

Answer 7

另一个选项：

this.form.value['nameOfControl']

Answer 8

您可以通过以下方式进行

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

如何从 FormGroup 获取单个值

How to get a single value from FormGroup

angular

typescript

angular-reactive-forms