使用角度材料设计作为没有AngularJS的设计框架

Question

我可以只使用角度材料,就像我使用bootstrap作为设计框架一样吗？

*并不是真的想在当前阶段使用AngularJS.

你的建议是什么或者是值得推荐的？

Answer 1

如果你想要一个像Bootstrap这样的CSS框架但是有材料设计,那么试试http://materializecss.com/这是一个基于Material Design的响应式CSS框架.

Answer 2

是的,您可以使用Angular Material,如bootstrap; 但是,他们的文档并不像bootstrap那样好.我已经在几个项目中使用过它,但你必须习惯他们希望你如何在你的代码中包含指令和CSS类.例如,您必须习惯使用md-theme包含自定义主题,并且您必须熟悉它们的指令在HTML本身内部的外观.例如,他们的insert标签是md-text-float,md-input-group在HTML内部变化.因此,如果您想进行任何CSS自定义,您必须了解此更改.

至于bootstrap的网格,Angular Material不会使用类似的网格.他们使用弹性网格,如果你一直使用bootstrap或Bourbon Neat需要一点时间来习惯.使用Flex系统,角材质采用类似的属性layout和layout-align除了自己的指令md-toolbar和md-content.

它肯定需要一段时间才能习惯,但随着你了解它们如何构建HTML和使用指令,它会变得更容易.如果您了解Angular以及指令如何工作,那么解决问题会更容易.但是,如果你真的想知道它是如何工作的,那么只需看看里面的代码angular-material.js,当你从Bower下载时它随附它.

Answer 3

可能不会，因为 Angular Material 具有 Angular-aria、Angular-animate 和 Hammer.js 作为依赖项。您可能已经知道这些需要 AngularJS。

您将看到角度材质的工作方式类似于 AngularJS 中的自定义指令。

如果你真的想使用 Angular 材质，我会继续并包含所有必需的 JavaScript，但 Angular 材质实际上只是用作临时示例和演示（尽管 Google 最近开始通过自己的 CDN 分发它） 。