Aller au contenu principal

17-3 Lire les données du formulaire

Vous avez lié l'action soumettre du formulaire à une fonction soumettre() et lié les propriétés du FormGroup aux différents champs dans le gabarit HTML.

Cela devrait nous permettre de récupérer les données entrées dans le formulaire via la fonction soumettre().

Récupérer les valeurs sous forme d'objet​

Il est possible de récupérer le contenu du formulaire sous la forme d'un objet via la propriété value sur l'instance du FormGroup:

src/app/features/projets/pages/projet-creer.ts
  soumettre() {
    let valeurForm = this.projetForm.value;
    console.log(valeurForm);
  }
info

La propriété value sur le FormGroup permet d'extraire le contenu du formulaire sous la forme d'un objet.

http://localhost:4200

Récupérer la valeur d'un champ précis​

Pour lire le contenu d'un champ précis, par exemple le champ nom, on peut utiliser le nom de la propriété sur value:

src/app/features/projets/pages/projet-creer.ts
protected soumettre() {
  const valeurForm = this.projetForm.value;
  const nom = valeurForm.nom;
  console.log(nom);
}
http://localhost:4200