Ionic指令VS Angular材料指令与Ionic Framework

Question

我想用离子与材料设计。 我在使用离子指令与自定义CSS和角度材料之间陷入困境

我已经读过使用离子指令我们获得了许多有效的功能

• 即使在导航到其他视图并返回到页面之后，也会使用UI路由器记住应用程序数据

• 离子列表项目仅在显示高度时呈现，并在向下或向上滚动时重复使用

并且有很多性能改进。

但是，如果我使用离子指令，他们没有材料设计。

如果我使用角度材料，我将无法获得这些性能改进，以及移动应用程序所需的额外功能。

角度材料指令就像

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

离子指令就像

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

看起来Ionic正在资助角材料项目开发，那么为什么角材料不能与离子材料一起使用呢？

如何在不失去离子性能改进和功能的情况下使用角度材料组件？

要么

使用离子材料设计有更好的想法吗？

Answer 1

我找到了一个名为Materialisecss的材料设计CSS框架。 看起来很有希望。 它只是简单的CSS和JavaScript框架。

http://materializecss.com/

优于其他框架的优势

1. 纯CSS类，不会与离子指令冲突。 没有性能损失。
2. 在我看到的所有框架中，这是唯一一个严格遵循材料设计规则的框架
3. 几乎准备好它有大约50多个贡献者，它在不到6个月的时间内是当前版本0.95.3
4. 使用方便。 有功能明智的导航记录良好。
5. 它几乎具有应用程序所需的所有材料设计功能。

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

我希望这有助于你们寻找一个好的材料设计框架。

更新时间：2015-07-09

我为材料设计找到了另一个轻量级强大的漂亮CSS框架

材料设计之光 http://www.getmdl.io/

它重量轻，动画流畅，快速，看起来非常好。 它是由一位谷歌开发者制作的。 它由谷歌https://developers.google.com/web/正式推广。 它变得非常流行，试试吧。 与角度材料的比较

更新时间：2015-10-23

Ionic2在Android中具有InBuilt对Material Design的支持

这是官方的，您可以在AngularConnect中观看Ionic2演示 ，它的Material Design是Android的默认设置。 我们无需担心选择Material Design框架。

Answer 2

有一个名为Ionic Material的新项目。

我已经尝试过它并且效果很好，但请注意它仍处于“预发布预览”模式。

根据github回购，它应该在2015年4月进入Alpha。

它可以安装凉亭

bower install ionic-material

这几乎是你需要做的，但要注意，有bug，文档基本上不存在。

祝好运！

Answer 3

Ionic Material和Ionic Material Design Lite是两个新兴的新库，旨在成为离子骨架的延伸。 虽然有点不成熟，但与离子成分配合良好，可以很好地支持材料。

这可能会提供更多的见解。