Jak uzyskać pojedynczą wartość z FormGroup

Wiem, że mogę uzyskać wartości formularza za pomocą

JSON.stringify (this.formName.value) jednak chcę uzyskać pojedynczą wartość z formularza.

Jak mam to zrobić?

Możesz uzyskać taką wartość

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

Tak, możesz.

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

Notacja z kropką przerywa sprawdzanie typu, przełącza się na notację nawiasów. Możesz także spróbować użyć metody get (). Utrzymuje również kompilację AOT, którą przeczytałem.

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

dla Angular 6+ i> = RC.6

.html

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

.ts

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

powinien również działać.

Inna opcja:

this.form.value['nameOfControl']

Ten kod działa również:

this.formGroup.controls.nameOfcontrol.value

Możesz użyć getRawValue()

this.formGroup.getRawValue().attribute

Możesz to zrobić na następujące sposoby

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