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” />