11

我可以只使用像我如何使用引导程序作为设计框架那样的角度材料吗？

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

你有什么建议或者值得推荐吗？

4

6 回答 6

10

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

于 2014-12-17T04:35:27.847 回答
8

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

至于 bootstrap 的网格，Angular Material 不使用类似的。他们使用弹性网格，如果您一直在使用 bootstrap 或 Bourbon Neat，这需要一点时间来适应。使用 flex 系统，Angular Material 使用属性layout，layout-align除了它们的指令md-toolbar和md-content.

确实需要一段时间才能习惯，但随着您了解它们如何构建 HTML 和使用指令，它会变得更容易。如果您了解 Angular 以及指令的工作原理，则更容易解决。但是，如果您真的想知道它是如何工作的，只需查看里面的代码angular-material.js，它是您从 Bower 下载时附带的。

于 2015-01-08T22:48:16.170 回答
3

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

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

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

于 2014-12-14T14:54:26.397 回答
2

如果您不想使用 AngularJS，我建议您使用Polymer Project。它是 Material Design 规范的通用实现。

于 2015-02-23T20:49:47.547 回答
1

如果您已经有经验或决定在您的项目中使用 AngularJS，那么 Angular Material 很有用，大多数组件都被指定为指令，并且假设您使用的是通常的 AngularJS 工具链。

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

Angular Material 只是 Google 的 Material Design 实现之一。

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

  2. 然后它在 Polymer 中作为 Paper Elements 实现。（https://elements.polymer-project.org/browse?package=paper-elements）

  3. 接下来是Angular Material；

  4. 最近，谷歌发布了 Material Design Lite

这些实现中的每一个都针对不同类型的项目。最初的 MD 规范是针对 Android 应用程序的，Paper Elements 是 Polymer 项目的 Web 组件，Angular Material 是 AngularJS 应用程序的设计库（实际上是 AngularUI 的 Bootstrap 实现的替代方案），Material Design Lite 似乎是为更通用的网站而设计的像目前使用的 Bootstrap。

tl;博士

如果您不想要或不需要 AngularJS 功能，最好使用 Material Design Lite ( http://www.getmdl.io/ )或其他一些非 Google 实现，如 Materialize，轻巧且易于使用嵌入到您当前的工作流程中。

于 2015-11-20T12:16:18.257 回答
0

如果你想要一个基于材料设计但没有 AngularJS 的引导程序，如 UI 框架，你最好的选择是使用引导程序本身和引导程序材料设计主题。

于 2016-05-11T18:38:28.027 回答