angular - 如何从 FormGroup 中获取单个值

Question

我知道我可以使用获取表单的值

JSON.stringify(this.formName.value)

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

我该怎么做呢？

score 185 · Accepted Answer

185

你可以获得这样的价值

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

于 2017-05-01T10:07:45.243 回答

score 152 · Accepted Answer

152

是的你可以。

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

于 2017-05-01T02:57:56.307 回答

score 30 · Accepted Answer

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

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

score 11 · Accepted Answer

对于 Angular 6+ 和 >=RC.6

.html

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

.ts

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

也应该工作。

score 9 · Accepted Answer

9

Another option:

this.form.value['nameOfControl']

于 2020-05-06T19:14:48.290 回答

score 3 · Accepted Answer

3

您可以使用getRawValue()

this.formGroup.getRawValue().attribute

于 2019-11-20T14:39:21.397 回答

score 2 · Accepted Answer

2

此代码也适用：

this.formGroup.controls.nameOfcontrol.value

于 2018-10-24T04:30:07.697 回答

score 0 · Accepted Answer

You can do by the following ways

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

angular - 如何从 FormGroup 中获取单个值

8 回答 8

Related

Reference