Quelles sont les différences entre le modèle de moteur, de formes et de formes réactives angulaire 2

Angulaire 2 quelle est la différence entre le modèle de moteur, les formes et la forme réactive. Dans quelles situations nous avons besoin d'utiliser le modèle de moteur, de formes et de formes réactives

InformationsquelleAutor Vijay Ramesh | 2017-07-24
  1. 9

    Simplement, nous pouvons dire

    Forme réactive peut être utilisé dans la situation suivante

    • Formes complexes avec plus de nombre de champs.
    • Plusieurs complexes de validation sont là. Personnalisé validations sont nécessaires
    • Exiger structure JSON à envoyer avec les valeurs dans le formulaire.

    Nous pouvons obtenir toute forme de façon structurée, en utilisant le "formulaire.valeur"

    Si nous avons 4 champs prénom, Nom, Email, Numéro de Téléphone en forme réactive.

    Code HTML sera

    <form [formGroup]="form">
    First Name <input formControlName="firstName">
    Last Name <input formControlName="lastName">
    Email <input formControlName="email">
    Phone Number <input formControlName="phoneNumber">
</form>

    Nous pouvons obtenir les valeurs de la forme comme ci-dessous

    {
"firstName": "FName",
"lastName": "LName",
"email": "[email protected]",
"phoneNumber": "123"
}

    en appelant le formulaire.valeur, où la forme est FormGroup Variable que nous avons créé.

    Modèle De Moteur Formulaire :
    Il peut être utilisé lors de l'utilisation de formes simples. Comme la page de connexion.
    Avec les deux sens de la liaison de données. Il suffit d'assigner une valeur à une variable de l'interface utilisateur, et vice-versa.

    Exemple Simple est que si nous sommes givng une liaison bidirectionnelle pour le dessous de l'entrée.

    <input [(ngModel)]="username">

    Nous pouvons simplement l'affichage de la valeur que l'utilisateur donne dans l'INTERFACE utilisateur.

    <p>Hello {{username}}!</p>
    • Des exemples d'une grande aide pour comprendre +1 pour l'
    InformationsquelleAutor vivekkurien
  2. 8

    Avec le modèle de l'approche axée sur la vous fondamentalement appliquer des directives, comme ngModel, dans votre modèle. Sur la base de ces directives Angular va créer formcontrol objets. Cette approche est bon pour la construction des formes simples, avec une validation de base (obligatoire, minlength, maxlength,...).

    Avec l'approche réactive, vous avez besoin de créer de nouvelles instances de la formcontrols et formcontrolgroups dans votre composant. Formes réactives sont également le meilleur choix pour la construction de formes plus complexes et sont mieux dans le cas où vous avez l'intention de mettre en œuvre des tests unitaires pour vos formulaires.

    La caisse de la rubrique suivante...

    http://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/

    Angular2 Formes de l'API, de modèles ou Réactif?

    InformationsquelleAutor Thomas Van Herpe
  3. 5

    Une réponse complète à une question similaire peut être trouvée ici:
    Quelles sont les différences concrètes entre modèle et fondée sur des formes réactives?

    voici ce que Aravind est détaché qui est abstrait et direct au point. j'ai donc copier et coller la totalité de comparaison:

    Modèle De Moteur Formes Caractéristiques

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

    Formes Réactives Caractéristiques

    • Plus souple, mais nécessite beaucoup de pratique

    • Traite tous les scénarios complexes

    • Pas de liaison de données est effectuée (données immuables modèle préféré par la plupart des
      les développeurs)

    • Plus le code du composant et moins de balisage HTML

    • Réactif transformations peuvent être rendues possibles comme

      • La manipulation d'un événement basé sur un antirebond temps

      • 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

    Un côté par côté avantages et les inconvénients

    InformationsquelleAutor Ben