如何从 FormGroup 获取单个值

How to get a single value from FormGroup

我知道我可以使用

获取表单的值
JSON.stringify(this.formName.value)

但是,我想从表单中获取单个值。

我该怎么做?

是的,你可以。

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

你可以获得这样的价值

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

对于 Angular 6+ 和 >=RC.6

.html

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

.ts

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

应该也可以。

此代码也有效:

this.formGroup.controls.nameOfcontrol.value

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

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

您可以使用getRawValue()

this.formGroup.getRawValue().attribute

另一个选项:

this.form.value['nameOfControl']

您可以通过以下方式进行

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