Material Design Lite 和 Angular Material Design 有什么区别？ [关闭]答案

【问题标题】：What is the difference between Material Design Lite and Angular Material Design? [closed]Material Design Lite 和 Angular Material Design 有什么区别？ [关闭]
【发布时间】：2016-06-12 00:30:57
【问题描述】：

我正在构建一个使用 Angular 2 作为前端的应用程序。我希望我的应用程序使用 Material Design 进行设计。我想知道下面提到的两种材料设计之间的区别。如果我关注其中任何一个，我将来会有任何问题吗？他们之间有什么区别吗。

Material Design Lite - https://getmdl.io/
角材料设计 - https://material.angularjs.org/latest/

【问题讨论】：

标签： angular material-design angular-material

【解决方案1】：

Material Design Lite 是一个独立于框架的实现，使用纯 HTML、CSS 和 JavaScript，可以在有或没有任何 Web 框架的情况下使用。

Angular Material Design 和 Angular2 Material Design 是 Angular 1.x 和 Angular2 的 Material Design 实现。所有组件都是 Angular 组件（或指令），它们不能在没有 Angular 的情况下使用。

【讨论】：

谢谢。与独立实现相比，使用 Angular2 Material Design 是否有任何优势，例如性能或功能？
当然，您可以像其他 Angular 组件和指令一样使用它，只需将它们添加到提供程序并使用它们即可。使用 MDL，您必须注意以与 Angular2 一起使用的方式使用它们。 Angular2 Material 组件处于非常早期的状态，只有少数基本组件可用。据我所知，目前还不支持自定义主题，而 MDL 是完整且稳定的。
@GünterZöchbauer 您是否认为对于一个简单的网站 Angular 材料太多了？我的意思是，如果根本不需要 angularjs，只是为了材料外观，你会建议什么？角度材料或 MDL？
如果不需要 Angular，MDL 可能是更好的选择。 Angular 引入了很多复杂性。
我期待 Angular 会在 Material Design Lite css 之上构建他们的材料组件，但事实并非如此。现在不再使用组件来分离主要的行为、状态。他们正在使用组件来强加样式结构，而不是依赖 css。他们不尊重 Web 最成功的想法之一，将逻辑 (javascript)、内容 (html) 和表示分开。如果 Angular 所宣扬的理念奏效，我们仍然会编写 Web 表单。