Comment obtenir une seule valeur de FormGroup

Question

Je suis conscient que je peux obtenir les valeurs d'un formulaire en utilisant

JSON.stringify (this.formName.value) cependant, je veux obtenir une valeur unique du formulaire.

Comment puis-je faire cela?

Answer 1

Vous pouvez obtenir de la valeur comme ça

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

Answer 2

Oui, vous pouvez.

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

Answer 3

La notation par points interrompra la vérification de type et passera à la notation entre crochets. Vous pouvez également essayer d'utiliser la méthode get (). Il conserve également AOT compilation dans le tact que j'ai lu.

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

Answer 4

pour Angular 6+ et> = RC.6

.html

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

.ts

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

devrait également fonctionner.

Answer 5

Ce code fonctionne aussi:

this.formGroup.controls.nameOfcontrol.value