javascript - Ionic 指令 VS 使用 Ionic Framework 的 Angular Material 指令

Question

我想使用 ionic与 Material 设计。我被困在使用带有自定义 CSS 的 ionic 指令和 angular-material 之间。

我读过使用 ionic 指令我们得到了很多高效的特性，比如

• UI-router 会记住应用数据，即使在导航到其他 View 并返回页面后也是如此

• Ionic 列表项只渲染到显示高度，并在向下或向上滚动时重复使用

还有很多性能改进。

但是，如果我使用 ionic 指令，它们就没有 Material 设计。

如果我使用 angular-material，我将不会获得这些性能改进，也不会获得移动应用程序所需的额外功能。

Angular Material 指令就像

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>

Ionic 指令就像

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

看起来像Ionic is funding angular-material项目开发，那为什么angular-material不能和ionic兼容？

如何使用 angular-material组件而不会失去 ionic 的性能改进和功能？

或

在 ionic 中使用 Material 设计有更好的主意吗？

Answer 1

我找到了一个名为 Materializecss 的 Material 设计 CSS 框架。看起来很有前途。它只是普通的 CSS 和 javascript 框架。

http://materializecss.com/

相对于其他框架的优势

1. 纯 CSS 类，不会与 ionic 指令冲突。没有性能损失。
2. 在我见过的所有框架中，这是唯一一个严格遵循 Material Design 规则的框架
3. 几乎准备就绪它有大约 50 多个贡献者它在不到 6 个月的时间内成为当前版本 0.95.3
4. 易于使用。功能明智的导航有据可查。
5. 它具有应用所需的几乎所有 Material Design 功能。

本页http://materializecss.com/getting-started.html将向您展示如何将其包含在您的项目中。

我希望这对正在寻找好的 Material Design 框架的任何人有所帮助。

更新:2015-07-09

我找到了另一个用于 Material 设计的轻量级强大漂亮的 CSS 框架

Material 设计灯 <强> http://www.getmdl.io/

它轻巧，动画流畅快速，看起来不错。它是由一位谷歌开发人员制作的。由google官方推广https://developers.google.com/web/ .它越来越受欢迎，试试吧。 Comparision with Angular Material

更新:2015-10-23

Ionic2 内置了对 Android Material 设计的支持

官宣了，可以看Ionic2 demo in AngularConnect , 它具有 Material Design 作为 Android 的默认设置。我们无需担心选择 Material Design 框架。