Quelles sont les principales différences entre les composants et les directives AngularJS 1.5?

Je trouve qu'il est difficile de comprendre la vraie différence entre les composants et les directives. Je comprends maintenant que les composants sont un concept beaucoup plus simple.

Donc, en ayant cela à l'esprit, est-il une raison de continuer à utiliser les directives lors de l'utilisation d'AngularJS 1.5?

Peut-être que je suis absent du contexte réel, ici, mais il semble que les composants facilite l'API.

Alors, quelle raison aurais-je continuer à utiliser une directive?

Angulaire 2 stipule que tout est un composant, ce travail vers une migration facile de 1,5 à 2, ne serait-il pas logique d'utiliser uniquement des composants d'aller de l'avant?

Dans le passé, j'ai utilisé des directives pour la création, par exemple, un auto de recherche de zone de texte, il n'ya aucune raison pourquoi je ne devrais pas faire cela maintenant, à l'intérieur d'un composant à droite? Et puis je peux ré-utiliser ce composant à l'intérieur d'autres composants-je créer?

InformationsquelleAutor Martin | 2016-07-13
  1. 33

    Une simple copie de l'angle de docs, car ils l'ont mis dans la meilleure façon que je peux penser.

    Compréhension Des Composants

    Angulaire, un Composant est un type spécial de la directive qui utilise un
    une configuration plus simple qui est approprié pour une composante de base de
    structure de l'application.

    De ce fait, il est plus facile d'écrire une application dans une manière qui est similaire à l'utilisation d'
    Les Composants Web ou à l'aide Angulaire 2 style de l'architecture de l'application.

    Avantages de Composants:

    • configuration plus simple que la plaine directives
    • promouvoir le sain d'esprit des valeurs par défaut et les meilleures pratiques
    • optimisé pour la composante de base de l'architecture
    • composante écriture directives de faciliter la mise à niveau vers Angulaire 2

    Quand ne pas utiliser les Composants:

    • pour les directives qui s'appuient sur la manipulation du DOM, ajouter des écouteurs d'événement, etc, parce que les compiler et lier les fonctions sont
      indisponible
    • lorsque vous avez besoin d'avancée de la directive définition des options comme priorité, un terminal multi-élément
    • quand vous voulez une directive qui est déclenché par un attribut ou d'une classe CSS, plutôt que d'un élément

    plus de lecture:https://docs.angularjs.org/guide/component

    InformationsquelleAutor bresleveloper
  2. 0

    Je vais essayer de l'expliquer à l'aide d'une perspective de haut niveau, inspiré par cet article(Angulaire 2: La Différence Entre les Composants et les Directives). Il dit Angulaire 2, mais il est également utile dans le AngularJs contexte.

    Directives

    En Informatique il y a le concept de la " Directive Pragma’. Selon Wikipedia:

    “Dans la programmation informatique, une directive pragma (à partir de "pragmatique") est une construction du langage qui définit la façon dont un compilateur (ou assembleur ou interprète) doit traiter son entrée. Les Directives ne font pas partie de la langue appropriée”

    Cette situation correspond bien à la description donnée par le AngularJS docs:

    “À un niveau élevé, les directives sont des marqueurs sur un élément du DOM (tel qu'un attribut, nom de l'élément, un commentaire ou une classe CSS) que dire AngularJS du compilateur HTML ($compiler) pour joindre un comportement spécifique à cet élément du DOM (par exemple via des écouteurs d'événement), ou même de transformer l'élément du DOM et de ses enfants.”

    Alors, quelles directives fondamentalement faire, c'est de donner des instructions à l' (Angulaire) de compilateur, dans le but de modifier le DOM ou son comportement.

    Composants

    Composants dans AngularJS sont une directive spéciale; ils tentent d'imiter les composants web, comme AngularJS états de documentation:

    Dans AngularJS, un Composant est un type spécial de la directive qui utilise une configuration plus simple qui est approprié pour une composante de base de la structure des applications.

    De ce fait, il est plus facile d'écrire une application dans une manière qui est similaire à l'utilisation de Composants Web ou en utilisant la nouvelle Angulaire du style de l'architecture de l'application.

    Quand utiliser quoi?

    Personnellement, j'utilise les composants, sauf si il y a une bonne raison de ne pas.

    Certaines de ces raisons sont donnés dans le AngularJS docs pour les composants:

    • pour les directives qui doivent effectuer des actions de la compilation et de pré-fonctions de liaison, car ils ne sont pas disponibles
    • lorsque vous avez besoin d'avancée de la directive définition des options comme priorité, un terminal multi-élément
    • quand vous voulez une directive qui est déclenché par un attribut ou d'une classe CSS, plutôt que d'un élément

    Une autre façon de le dire:

    Directives sont le mécanisme par lequel nous pouvons joindre le comportement des éléments dans le DOM.

    Les composants sont un type spécifique de la directive qui permet d'utiliser le web fonctionnalité de composant encapsulé, des éléments réutilisables disponibles tout au long de notre application.

    Conclusion Possible

    Je pense que la question n'est pas que bon une fois que vous comprenez qu'un composant est une directive. Les deux concepts ne sont pas à essayer de résoudre le même problème. Les composants sont plutôt une extension qui permet à des directives qui doivent être utilisés pour construire des composants d'applications web.

    Aller plus loin

    Todd Devise du partage de ses connaissances sur ce sujet dans ce petit GIST.

    Une Directive décore les DOM, il ajoute comportement et étend la portée des DOM. Lorsque vous utilisez un .composant(), vous créez des DOM, lorsque vous utilisez .la directive() vous décorer DOM, c'est la mentalité

    InformationsquelleAutor Flip