material-design - Web 的 Material 组件与 Angular Material 2

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 4 年前。

Improve this question

最近，MDL(Material Design Lite)项目的后继项目启动为Material Components for the Web 。它的目标之一是“与其他 JS 框架和库无缝集成”。

还有一个项目Angular Material2它专门为 Angular (v2+) 提供 Material 设计组件。

这两个项目都在创建基于 Material 设计的UI 组件。此外，它们具有相似的组件集 ready/in-active-development ，以及即将推出的相同组件集(列出 here 和 here )。

有人可以帮我了解两个项目之间的重叠部分以及我应该为新项目选择哪一个吗？

从根本上讲，我确实理解 Angular Material2 将与 Angular 项目更加无缝、紧密地集成，而 Material Components for the Web 将提供可供多个 JS 框架使用的钩子(Hook)。但我看不出重叠的原因以及哪一个将具有更大的动力(阅读更多组件)。

Answer 1

Full disclosure: I work on Material Components for the web, so my opinion may be a bit biased :)

TL;DR 使用任何可以帮助您以最有效的方式构建 UI 的库，或者并排使用它们。查看我们的 angular2 集成示例 angular-mdc-web了解如何使用 ng2 包装 MDC-Web 组件。

正如已经提到的，Web Material Components(缩写为MDC-Web)的目标是为整个 Web 平台创建 Material Design 组件的规范实现。 Angular/material2 是一个优秀的库——Material Design 团队的许多人，包括我自己，都为它做出了贡献——但它排除了非 Angular2 应用程序。此外，非 Google 库和框架(例如 React、Aurelia、Vue 等)没有官方解决方案来满足其需求。

话虽这么说，Angular2 属于我们“整个 Web 平台”的范围，因此我们绝对希望支持它。在这两个项目的现阶段，我们可能有一些您需要的组件，而 Angular/Material2 不需要，反之亦然。我鼓励您使用任何可以帮助您以最佳方式实现目标的库。这可能是 Angular/Material2，也可能是 MDC-Web，或者说实话，可能两者都是。例如，您可以使用 our select component沿着material2的组件，事情应该工作得很好。正如 TL;DR 中提到的，angular-mdc-web是一个功能齐全的库，它将 MDC-Web 包装在惯用的 angular2+ API 中。

最后一点，MDC-Web 是唯一由 Material Design 团队自己开发的库。因此，我们能够与编写 Material Design 规范的同一个人进行协作和迭代。