Formulaires

Il existe différentes façon d'implémenter les formulaires avec Angular.

Ce guide aborde les deux approches les plus répandues :

  • ​Template-driven Forms (Ă  Ă©viter) : inspirĂ©e du "two-way binding" utilisĂ© dans AngularJS, cette approche a de nombreuses limitations et s'avĂšre rapidement fastidieuse Ă  implĂ©menter, peu extensible et peu efficace.

  • ​Reactive Forms (Ă  adopter) : cette approche vient appuyer le paradigme "Reactive Programming" qui fait parti des fondements d'Angular avec : une meilleure sĂ©paration de la logique du formulaire et de la vue, une meilleure testabilitĂ©, des Observables, la gĂ©nĂ©ration dynamique de formulaires etc...

Il existe d'autres approches telles que celle décrite dans la documentation officielle https://angular.io/guide/user-input qu'il faut absolument éviter pour les raisons suivantes :

  • Couplage fort avec le DOM et le "low level" en gĂ©nĂ©ral.

  • Ce sont des approches impĂ©ratives qui ne respectent pas l'approche "Reactive" d'Angular (Cf. Violations du MVC Angular).

​

​