185 votes

Quelles sont les différences concrètes entre les formes réactives et basé sur des modèles ?

J’ai lu sur la nouvelle API de formes Angular2 et il semble qu’il existe deux approches sur les formes, l’une est modèle de moteur des formes autre est réactives ou dirigée par les modèles de formulaires.

Je voudrais savoir la différence pratique entre les deux, pas la différence de syntaxe (évidemment) mais les utilisations pratiques et quelle approche profite plus dans différents scénarios. Aussi, est-il un gain de performances en choisissant l’une sur l’autre ? Et si oui, pourquoi ?

196voto

Aravind Points 21523

Modèle De Moteur Formes Caractéristiques

  • Facile à utiliser
  • Adapté pour les scénarios simples et échoue pour des scénarios complexes
  • Semblable à AngularJS
  • Les deux sens de la liaison de données(à l'aide d' [(NgModel)] de la syntaxe)
  • Composant Minimal code
  • Suivi automatique de la forme et de ses données(gérée par Angulaire)
  • Le test unitaire est un autre défi

Réactif Formes Caractéristiques

  • Plus souple, mais nécessite beaucoup de pratique
  • Traite tous les scénarios complexes
  • Pas de liaison de données (données immuables modèle préféré par la plupart des développeurs)
  • De plus le code du composant et moins de balisage HTML
  • Réactif transformations peuvent être rendues possibles telles que
    • La manipulation d'un événement basé sur un temps d'anti-rebond
    • La gestion des événements lorsque les composants sont distinctes jusqu'à ce que modifié
    • L'ajout d'éléments de façon dynamique
  • Plus facile de tests unitaires

30voto

Richard Lee Points 942

Je pense que ses une discussion à propos du code, de la stratégie et de l' expérience de l'utilisateur.

En résumé nous changer pour le modèle axé sur l'approche qui est plus facile à travailler avec lui, réactif (model-driven approach) pour nous donner plus de contrôle, ce qui résulte en une meilleure forme testable en misant sur un découplage entre le HTML (design/CSS de l'équipe peuvent travailler ici) et de la composante de règles métier (angular/js spécialiste de membres) et à améliorer l'expérience utilisateur avec des fonctionnalités comme réactif de transformations, corrélation des validations et de gérer des scénarios complexes d'exécution comme les règles de validation et de la dynamique des champs de la duplication.

Cet article est une bonne référence à ce sujet: Angulaire 2 Formes - Modèle de moteur, et le Modèle d'Approches axées sur les

30voto

Sajeetharan Points 108195

Voici le résumé de la comparaison entre le modèle de moteur et des formes réactives de DeborahK (Deborah Kurata) bien expliquées,enter image description here

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X