angular - Hur man får ett enda värde från FormGroup

Jag är medveten om att jag kan få värdena från ett formulär med

JSON.stringify(this.formName.value)

Men jag vill få ett enda värde från formuläret.

Hur går jag tillväga för att göra det?

Svar #1

Du kan få värde på det här sättet

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

Svar #2

Ja, det kan du.

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

Svar #3

Punktnotation kommer att bryta typkontrollen, byt till hakparentesnotation. Du kan också prova att använda metoden get(). Det behåller också AOT-kompileringen intakt har jag läst.

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

Svar #4

för Angular 6+ och >=RC.6

.html

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

.ts

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

bör också fungera.

Svar #5

Ett annat alternativ: