使用角度材质设计作为设计框架，而不使用AngularJS

我可以只使用角材料，就像我如何使用引导作为设计框架一样吗

*我真的不想在当前阶段使用AngularJS

---

您的建议是什么？或者建议是什么？

可能不是，因为angular material具有angular aria、angular animate和hammer.js作为依赖项。你可能已经知道这些需要AngularJS

您将看到，AngularJS中的angular材质与自定义指令类似

---

如果你真的想使用angular material，我只想继续并包含所有必需的Javascript，但angular material实际上是作为临时示例和演示使用的（尽管谷歌最近开始通过自己的CDN发布）。

如果你想要像Bootstrap这样的CSS框架，但需要材料设计，然后试试哪一个是基于材质设计的响应性CSS框架。

是的，你可以使用像bootstrap这样的角度材质；然而，他们的文档并没有bootstrap的好。我已经在几个项目中使用过它，但是您必须习惯于他们希望您如何在代码中包含指令和CSS类。例如，您必须习惯使用

md-theme

来包含自定义主题，并且必须熟悉它们的指令在HTML本身中的外观。例如，他们的

insert

标记是

md text float

，它在HTML中变为

md输入组

。所以，如果你想做任何CSS定制，你必须知道这个变化

至于bootstrap的网格，Angular Material不使用类似的网格。他们使用flex网格，如果您一直使用bootstrap或Bourbon Neat，则需要一点时间来适应。使用flex系统，Angular Material除了其指令

md工具栏

和

md内容

之外，还使用

layout

和

layout align

等属性

---

这肯定需要一段时间来适应，但随着您了解他们如何构造HTML和使用指令，这会变得更容易。如果您知道角度指令以及指令如何工作，那么计算起来就更容易了。但是，如果您真的想知道它是如何工作的，只需查看

angular material.js

中的代码，当您从Bower下载时，它会附带这些代码

如果您不想使用AngularJS，我建议您使用。它是材料设计规范的一般实现

如果您已经有经验或已决定在项目中使用AngularJS，则AngularJS材质非常有用，大多数组件都指定为指令，并且假定您使用的是常用的AngularJS工具链

如果您不一定需要、喜欢或计划使用Angular作为前端框架，那么最好使用更类似于Bootstrap的MDL（Material Design Lite）

Angular Material只是Google的材质设计实现之一

MD规范是为Android应用程序UI制定的

然后将其作为纸元件应用于聚合物中。 （）

其次是角材料

最近，谷歌发布了Material Design Lite

这些实现中的每一个都针对不同类型的项目。最初的MD规范是针对Android应用程序的，纸元素是聚合物项目的web组件，AngularJS应用程序的AngularMaterial设计库（AngularUI的Bootstrap实现的替代方案），Material design Lite似乎是针对更通用的网站而设计的，比如目前使用的Bootstrap

tl；博士

---

如果您不想要或不需要AngularJS功能，最好使用Material Design Lite（）或其他一些非Google实现，如Materialize，它很轻，很容易嵌入到当前的工作流中。

如果您想要一个基于Material Design但没有AngularJS的引导式UI框架，您最好的选择是将引导本身与主题结合使用。

它还很年轻，但不断改进。但我想说它足够好用在个人/小型网站上。同意。角形材质对于SPA来说非常好，但是对于静态站点来说太重了。