Comment obtenir une seule valeur d'un 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 seule valeur du formulaire.

Comment dois-je m'y prendre ?

Answer 1

Vous pouvez obtenir une valeur comme ceci

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 perturbe la vérification du type, passez à la notation par crochets. Vous pouvez également essayer d'utiliser la méthode get(). J'ai lu que cela permettait également de conserver la compilation AOT.

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 également :

this.formGroup.controls.nameOfcontrol.value