Les éléments matériels pour le Web vs Angulaire des Matériaux 2

Récemment, le successeur de MDL (Conception de Matériel Lite) projet a été lancé comme Les éléments matériels pour le Web. Un de ses objectifs est "l'intégration parfaite avec les autres frameworks JS et les bibliothèques".

Il est un autre projet Angulaire Material2 qui fournit des documents de conception des composants spécifiquement Angulaire (v2+).

Les deux projets sont la création de la conception de matériaux à base composants de l'INTERFACE utilisateur. Aussi, ils ont même ensemble de composants prêt/en-active-développement, et même ensemble de composants de commande (énumérés ici et ici).

Quelqu'un peut s'il vous plaît aidez-moi à comprendre le chevauchement entre les 2 projets et lequel dois-je choisir pour de nouveaux projets?

À un niveau fondamental, je ne comprends Angulaire Material2 sera plus transparente et d'intégrer étroitement avec Angulaire des projets, tandis que les éléments Matériels de la Web fournira des crochets pour plusieurs frameworks JS à utiliser. Mais je ne vois pas de raison de chevauchement et que l'on aura plus d'élan (lire plus en plus de composants).

  • Veuillez noter que Angulaire du Matériel Angulaire 1.x est une entité distincte Angulaires Material2 Angulaire 2+. Aussi les éléments Matériels pour le Web sont distincts de Polymère du Matériel/Papier des Éléments qui sont basées sur les normes des Composants Web. Aucun de la technologie en cours de discussion, dans cette question, est admissible à titre de "fondée sur des normes composant web".
  • accord.. merci pour l'edit
  • N'utilisez pas angulaire des matériaux 2. C'est de la merde. Je suis tombé sur votre post car je cherchais une alternative à angulaires matériel 2. La caisse Vue.js' vuetify matériel. Angulaire matériel doit ressembler à cela.
  • Être d'accord avec Cent1pede. La documentation Angulaire de la Conception des Matériaux 2 est de la merde absolue
InformationsquelleAutor DeepakV | 2016-12-16
  1. 50

    Divulgation complète: je travaille sur Les éléments matériels pour le web, donc mon avis est peut être un peu biaisé 🙂

    TL;DR utiliser n'importe quelle bibliothèque vous aide à construire votre INTERFACE utilisateur de la manière la plus efficace possible, ou de les utiliser side-by-side. Découvrez notre angular2 intégration exemple angulaires-mdc-web pour voir comment emballer un MDC-composant Web à l'aide de ng2.

    Le but de Composants pour le web (abrév. MDC-Web), comme cela a été fait allusion, est de créer une représentation canonique de la mise en œuvre de la Conception de Matériel de composants pour l'ensemble de la plate-forme web. Angulaire/material2 est une excellente bibliothèque - beaucoup d'entre nous sur la Conception de Matériel de l'équipe, moi y compris, ont contribué - mais c'est de l'exclusion pour non-angular2 applications. En outre, la non-google bibliothèques et frameworks tels que Réagir, Aurelia, Vue, et d'autres ont pas officiel de la solution en fonction de leurs besoins.

    Cela étant dit, Angular2 relève de notre portée "de l'ensemble de la plate-forme web", et nous tenons à le soutenir à cause de cela. À ce stade, dans les deux projets, on peut avoir certains composants dont vous avez besoin qui angulaire/material2 n'est pas, ou vice versa. Je vous encourage à utiliser n'importe quelle bibliothèque vous aide à atteindre vos objectifs dans la meilleure façon possible. Qui pourrait être angulaire/material2, il pourrait être MDC-Web, ou tout à fait honnête, il pourrait être à la fois. Par exemple, vous pouvez utiliser notre sélectionner un composant le long du côté material2 les composants, et les choses fonctionnent tout aussi bien. Comme mentionné dans le TL;DR,angulaires-mdc-web est un complet de la bibliothèque qui s'enroule MDC-Web dans un idiomatiques angular2+ API.

    Sur une note finale, MDC-Web est la seule bibliothèque qui est développé par le Matériel de l'équipe de Conception lui-même. De ce fait, nous sommes en mesure de collaborer sur et de réitérer les mêmes personnes qui l'auteur de la Conception de Matériel spec.

    • Donc, il n'y a pas encore d'un chemin clair dans Google eux-mêmes. Nous avons encore à attendre jusqu'à ce qu'un gestionnaire décide de qui a à se faire tuer.
    • La façon dont je le vois, c'est que, actuellement, il serait beaucoup mieux pour eux (et pour nous, les développeurs) pour se concentrer plus de ressources vers MDC-Web et de modifier material2 projet dans un simple ng2 wrapper/projet de l'adaptateur pour MDC-Web.
    • Veuillez prendre exemple plus complexe pour les MDC-web mise en œuvre avec angular2
    • Aussi un bon exemple github.com/trimox/angular-mdc-web
    • Vraiment? Vue? Regarde ce vuetifyjs.com c'est le matériau idéal cadre des.
    • Il y a aussi github.com/google/material-design-lite, comment à ce sujet?
    • ^ MDC pour le Web est la prochaine version de la conception de Matériel lite.
    • Le mélange des cadres compromet l'avenir de l'entretien, il est douteux conseils. Je vois présence de deux cadres d'atténuation étape après MDL échec. Il semble tout à fait naturel pour moi que quand MDC-Web devient un produit à maturité, il sera ramassé par un beaucoup plus grand de la communauté et il n'y a aucune place pour une seconde (ce qui est assez étroit). Peut-être qu'après que nous allons obtenir un officiel Angulaire wrapper de Google.
    • Grands points, mais une distinction très importante à faire est que le MDC-Web est pas un cadre, et ne jamais essayer de l'être. C'est une bibliothèque d'INTERFACE utilisateur pour la Conception de Matériaux à la plate-forme web. Vous avez raison en ce que l'un des principaux objectifs est d'interagir avec les autres cadres, qui est quelque chose que nous avons eu beaucoup de commentaires sur le sujet de la LDM. Nous aimerions voir la convergence et de l'adoption en tant que bien, mais c'est un effort à long terme qui nécessite beaucoup de coordination et de planification. Je suis personnellement très intéressé de voir ce que notre communauté des vents jusqu'à la construction, en particulier w/ non-goog libs comme Réagir.
    • Je m'attendais à ce que Angulaires serait de construire leurs composants de matières sur le dessus de la Conception de Matériel Lite css mais ce n'était pas le cas. Maintenant, au lieu d'utiliser des composants distincts principalement du comportement, de l'état dans certaines parties de la page. Ils sont à l'aide de composants est également imposer le style de la structure au lieu de s'appuyer sur le css. Ils sont direspecting un des plus grands succès des idées de web de séparer la logique (javascript), le contenu (html), présentation. LE STYLE DOIT ÊTRE APPLIQUÉ PAR LES CSS PAS PAR LA RÉUTILISATION DE COMPOSANTS. Fossé Angulaire 2 et construit vos composants sur le haut d'une descente css de mise en œuvre de la matière Spec.
    • Il semble un peu étrange pour moi que Angulaires Matériel n'est pas très sensible (il suffit de regarder le site sur un petit appareil), étant donné que Google de bas grades sites web pour ne pas être sensible.

    InformationsquelleAutor Travis Kaufman
  2. 17

    Mise À Jour( Le 16 Mars 2018 ):

    À partir des commentaires fournis par @elDuderino Material2 semble avoir un moyen de personnaliser . La réponse était avant de Matériau de la cdk ..

    https://material.angular.io/guide/customizing-component-styles

    Les deux cadres sont très mûri maintenant. J'utilise les deux d'entre eux dans les différents projets. Il m'a fallu une semaine pour effectuer la migration d'un projet, d'un cadre à l'autre. Je vous suggère d'essayer les deux et voir ce qui vous convienne.

    Je vais partager mon expérience. Ses opinions et biaisée. L'amour pour être corrigé.

    Nous sommes en partant de zéro et en utilisant Angulaire. Nous avons décidé d'aller avec le Matériel.
    J'ai commencé ma chasse pour un meilleur cadre et essayé tous: Matérialiser, MDL, Angulaire Matériel 2 et enfin MDC pour le web.

    Voici mes observations, en particulier pour les Material2 vs MDC pour le Web.

    Material2

    • Pros
      • Readymade. Tout est disponible et prêt à commencer à travailler sur
      • Architecture proche Angulaire

    • Contre

      • Liste des composants n'est pas encore complet ( ils le seront au cours du temps, de sorte que son ok )
      • la Personnalisation est impossible


      Je sais que nous pouvons ajouter des thèmes, c'est tout. Tous les code HTML et CSS pour les composants est ajouté dans Angulaire des Composants. Il est donc compilé en JavaScript et s'applique à l'exécution. Donc, il n'y a aucun moyen de remplacer le comportement. J'ai essayé pendant une semaine et ne pouvait pas le faire.

      Ici sont les questions que j'ai posées ( l'un d'eux a marqué de près, car il semblait être, demandez l'avis -.- )

      Comment personnaliser Angulaire des Matériaux 2

      Comment Étendre Angulaire style de Composant

      bien sûr, ils n'ont pas obtenu de réponses et je ne pouvais pas les personnaliser. Si je me trompe, merci de m'orienter.

    Vérifier la mise à jour est prévu ci-dessus

    MDC pour le Web

    • Contre

      • Pas facilement disponibles pour Angulaires

      Nous ne pouvons pas commencer à l'utiliser tout de suite, si vous voulez le faire Angulaire façon. Besoin d'écrire un wrapper pour Angulaire pour chaque composant. Peut prendre un certain effort. Mais chaque équipe peut se permettre un certain temps pour personnaliser et il y a troisième partie efforts pour le rendre plus facile. Si c'est ok de ne pas le faire dans angulaire façon, je crois que nous pouvons commencer sans les couvertures.

      • Liste des composants n'est pas encore complet ( ils le seront au cours du temps, donc c'est ok )

    • Pros

      • Générique, pas être liée à un cadre. Toujours plus sûr d'investir dans.
      • Plus de contribution, puisque d'autres cadres développeurs l'utilisent également. Au fil du temps il devient de plus en plus de contributions et d'avenir (presque )
      • Totalement personnalisable.
      • Apparaît comme le seul cadre Matériel de l'équipe de conception est directement impliqué avec
      • Pouvez utiliser les connaissances/styles pour les appareils mobiles trop.
      • Documentation est génial. On dirait que beaucoup d'efforts et de temps est mis en place.
    • Concernant la personnalisation de Material2, ils comptent sur vous de la définition de variables et l'utilisation de mixin. Voir Thématisation des composants personnalisés et à l'utilisation des variables dans le code source (par exemple, le barre d'outils)
    • Si je ne me trompe pas, le lien que vous avez fourni est uniquement pour changer les couleurs (Thème) de ne pas changer de CSS autre des composants. Ils sont venus avec @angular/cdk pour la personnalisation des composants, je suppose . J'ai besoin de les examiner et de mettre à jour ma réponse.
    • Je voulais faire remarquer que les deux d'entre eux sont écrits de façon rigide, donc à part changer le thème (lire "les couleurs"), il n'y a pas beaucoup que vous pouvez faire en toute sécurité. Vous avez appelé MDC pour le Web "totalement personnalisable", mais vous ne pouvez pas le faire, même les choses simples comme changer la hauteur de la barre d'outils (voir la section ici leur réponse sur une telle demande de fonctionnalité).
    • Le principal argument de Vente qu'ils ont est le strict respect de la conception des matériaux, très peu de choses sont difficiles à remplacer. Mais quand j'ai dit "totalement personnalisable" je voulais dire que nous pouvons changer dans notre composant personnalisé qui est créé à partir d'elle . Dans le cas du Matériau , il n'a même pas été ajouté dans scss ils ont été codés en dur dans le code javascript et totalement impossible à remplacer , j'ai senti son très difficile d'étendre l'angle de composants . Vous pouvez voir les questions que j'ai posées..
    • Peut-être que la mise en œuvre a changé depuis que vous avez fournie pour votre réponse, mais en disant que Angulaires Matériel est impossible de personnaliser est absolument faux. Ils ont même une page dédiée à cela dans la documentation: matériel.angulaire.io/guide/personnalisation des composants de styles
    • En fait, l'angle de CDK est l'acronyme de "composant dev kit", qui fournit un utilitaire commun de modèles pour d'autres composants à utiliser.

    InformationsquelleAutor Vamshi
  3. 4

    Pour les gens considérant Angulaire des Matériaux 2, l'Esquisse Matériel Plugin/Thème de l'Éditeur et de la Galerie de l'outil est uniquement disponible pour les MDC. Je suis sur le même chemin, et j'ai commencé Angulaire des Matériaux 2, et avec l'introduction récente sur Angulaire de Lierre, je ne suis pas sûr de savoir comment beaucoup d'efforts de l'équipe va mettre dans l'angle Matériel 2. Je suis passer à la MDC, ce qui est un pari sûr.

    De la récente Readme :

    De haut niveau, des trucs de prévu pour Q1 → Q2 2019 (janvier - juin):

    • Plus de l'angle du Matériel de l'équipe est prêté à l'équipe du cadre
      aider avec du Lierre. Nous avons été à l'aide de l'angle de CDK et Angulaire
      Matériel d'essais pour valider le code chemins d'accès ainsi que d'aider les déboguer les problèmes
      dans la commutation des applications Google pour le nouveau pipeline de rendu.
    • Nous travaillons aussi avec le Matériel de l'équipe de Conception sur une stratégie à collaborer de plus en plus profondément. Nous aurons plus à partager sur ce une fois que les plans sont de plus.
    • Assortiment de corrections de bugs mineures et améliorations de fonctionnalité.
    • De conception pour les améliorations d'API pour le composant de l'arbre à améliorer
      l'ergonomie.
    InformationsquelleAutor Rajesh Jain
  4. 2

    Il semble que l'ouverture Angulaire du Matériel de l'équipe de plans de collaborer avec le MDC de l'équipe:

    De haut niveau, des trucs de prévu pour le 4e trimestre 2018 (octobre - Décembre):

    • Améliorer notre propre construction et de l'automatisation de l'outillage
    • Corriger les bugs et de réduire la dette technique à l'intérieur de Google
    • Un travail sur le long terme des plans sur la façon de collaborer avec le MDC de l'équipe Web
    • Conceptions avancées table des améliorations (colonne de redimensionner, des directives de sélection, inline-edit)

    (README)

    Ce qui a été ajouté au fichier lisez-moi sur 20 jours (le 10 octobre 2018).

    Il est probable qu'à l'avenir, Angulaire Matériau est juste une sorte de Angulaire de papier d'emballage ou Angulaire de la mise en œuvre de la MDC pour le Web.

    InformationsquelleAutor Springrbua
  5. -1

    Angulaire Matériau 2 est toujours de la date et de ne pas mettre en œuvre le matériel spec correctement. Ne l'utilisez pas.

    InformationsquelleAutor Tiedye