Avoir un formulaire de saisie–form et submit–Découvrons Angular

Découvrons ensemble la mise en place d’une form (un formulaire HTML) depuis Angular.
En fait, très peu de choses vont changer de base, avec ce que vous avez comme habitude depuis un site fait en PHP (pas bien) ou en mvc.net (bien).

Form et ngForm

La mise en place se passe d’abord du côté vue, avec le tag <form />

Ici, point de vrai submit vers une action serveur, mais un attachement à l’événement du submit : (ngSubmit)=”monAction()”

A noter : pas besoin de directive spéciale. Il suffit d’importer le module FormsModule dans votre module parent.

Point important ici, nous avons bien utilisé le ngSubmit qui permet d’éviter de poser la form vers le serveur.
Tout ceci étant géré par le FormsModule.

L’action monAction est une méthode présente dans le Component de votre vue.

Appeler la form depuis le Component

Vous pouvez appeler votre form depuis le serveur, en lui affectant une variable locale.

Définissez alors un nom, par exemple maForm, et utiliser le tag ngForm.

Un exemple :

<form (ngSubmit)=”onSubmit()” #maForm) »=”ngForm” />