材料设计 – Web材料组件与角材料2

最近,MDL(Material Design Lite)项目的后继者推出为Material Components for the Web.其目标之一是“与其他JS框架和库无缝集成”.

还有另一个项目Angular Material2,专门为Angular(v2)提供材料设计组件.

这两个项目都在创建基于材料设计的UI组件.此外,它们具有类似的组件ready/in-active-development,以及即将推出的相同组件(列出herehere).

有人可以帮我了解2个项目之间的重叠,哪个应该选择新的项目?

在一个基本层面上,我明白Angular Material2将更加无缝和紧密地集成到Angular项目中,而Web的Material Components将为多个JS框架提供钩子.但我没有看到重叠的原因,哪一个会有更多的动力(阅读更多的组件).

提前致谢!

最佳答案

Full disclosure: I work on 07000, so my opinion may be a bit biased 🙂

TL; DR使用哪个库帮助您以最有效的方式构建您的UI,或并排使用它们.查看我们的angular2 integration example,了解如何使用ng2封装MDC-Web组件.

材料组件为Web(缩写MDC-Web)的目标,就是为整个Web平台创建材料设计组件的规范实现. Angular / material2是一个优秀的图书馆 – 我自己包括的材料设计团队中的许多人对此做出了贡献 – 但是它是非角度2应用的排他性.此外,非Google图书馆和框架如React,Aurelia,Vue等还没有正式的解决方案来满足他们的需求.

话虽如此,Angular2属于“整个网络平台”的范围,我们一定要支持它.在这两个项目的这个阶段,我们可能会有一些组件,你需要角/材料2没有,反之亦然.我鼓励您使用任何图书馆帮助您以最佳方式实现您的目标.这可能是角/物质2,它可以是MDC-Web,或者坦白地说可以是两者.例如,您可以使用our select component沿着material2的组件,事情应该工作正常.如TL中所述,DR可以找到一个将MDC-Web组件封装在https://github.com/material-components/material-components-web/tree/master/framework-examples/angular2的angular2应用程序.

最后一点,MDC-Web是唯一由材料设计团队开发的库.因此,我们可以与创作“材料设计”规范的同一个人进行协作和迭代.

转载注明原文:材料设计 – Web材料组件与角材料2 - 代码日志