Web与angular度材料的材料组件2

最近，MDL（Material Design Lite）项目的继任者被推出为Web的材料组件 。 其目标之一是“与其他JS框架和库的无缝集成”。

还有另一个项目Angular Material2 ，它专门为Angular（v2 +）提供材料devise组件。

这两个项目正在创build基于材料devise的UI组件 。 此外，他们也有类似的组件准备 / 不活跃开发 ，以及即将推出的相同组件（列在这里和这里 ）。

有人可以帮我理解两个项目之间的重叠，我应该select哪一个用于新项目？

从根本上讲，我理解Angular Material2将更加与Angular项目更加无缝和紧密地集成，而Web的Material Components将为多个JS框架提供钩子。 但我看不出重叠的原因，哪一个会有更多的动力（阅读更多的组件）。

充分披露：我在networking上的材料组件工作，所以我的意见可能有点偏见:)

TL; DR使用哪个库可以帮助您以最有效的方式构build您的UI，或者并行使用它们。 查看我们的angular2集成示例 ，了解如何使用ng2打包MDC-Web组件。

Material Components for the Web（abbrev。MDC -Web ）的目标就是为整个Web平台创buildMaterial Design组件的规范实现。 Angular / material2是一个很好的图书馆，我们很多人在材料devise团队，包括我自己在内，都对它有所贡献 – 但是对于非angular2应用来说是排他性的。 此外，非谷歌图书馆和框架，如React，Aurelia，Vue等没有正式的解决scheme，以满足他们的需求。

这就是说，Angular2属于我们“整个networking平台”的范围，我们当然希望支持它。 在这两个项目的这个阶段，我们可能会有一些你需要的部件，而angular度/材料2不需要，反之亦然。 我鼓励你使用任何一种图书馆都能以最好的方式帮助你实现你的目标。 这可能是angular色/材料2，它可能是MDC-Web，或者老实说，它可能是两者兼而有之。 例如，你可以使用我们的select组件，沿着material2的组件，事情应该工作得很好。 正如TL中所提到的，您可以在https://github.com/material-components/material-components-web/tree/master/framework-examples/angular2find一个包含MDC-Web组件的示例angular2应用程序。;

最后，MDC-Web是材料devise团队自己开发的唯一一个库。 因此，我们可以与创作“材质devise”规范的相同人员进行协作并迭代。

我将分享我的经验。 它的观点和偏见。 爱要纠正。

我们从头开始使用Angular。 我们决定去材料。 我开始寻找一个更好的框架，并尝试所有这些：Materialise，MDL，Angular Material 2以及最后的MDC for web。

这里是我的观察，尤其是对于材料2与Web的MDC。

材料2

  • 优点
    • 现成。 一切都可用，并准备开始工作
    • 接近angular度的build筑

  • 缺点

    • 组件列表还不完整（他们会超时，所以它确定）
    • 定制是不可能的

    我知道我们可以添加主题，就这些。 所有组件的HTML和CSS都添加到Angular Components中。 所以它被编译为JavaScript并在运行时应用。 所以，没有办法来覆盖这个行为。 我尝试了一个星期，不能这样做。

    这是我问的问题（其中一个标记为closures，因为它似乎在征求意见）

    如何定制angular度材料2

    如何扩展angular度组件风格

    当然，他们没有得到任何答案，我不能定制他们。 如果我错了，请指导我。

    • 文档不好

    让我们看一个例子。 请参阅提供的示例数量。

    MDC的networking卡的例子

    材料2卡的例子

用于Web的MDC

  • 缺点

    • 不适合Angular

    我们不能马上开始使用它，如果你想要做到这一点angular度的方式。 需要为每个组件编写一个Angular的包装器。 可能需要一些努力。 但每个团队都可以承担一定的时间进行定制，并且有第三方的努力使其更容易。 如果没有angular度的话，我相信我们可以在没有包装的情况下开始。

    • 组件列表尚未完成（他们会花时间，所以没关系）

  • 优点

    • generics，不绑定到框架。 总是安全的投资。
    • 更多的贡献，因为其他框架开发者也使用它。 随着时间的推移，更多的贡献和未来的certificate（几乎）
    • 完全可定制。
    • 似乎只有框架材质devise团队直接参与
    • 也可以使用移动设备的知识/样式。
    • 文档太棒了。 看起来像很多的努力和时间投入。
Interesting Posts