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

Question

我想在材料设计中使用ionic。我在使用离子指令与自定义CSS和angular-material之间陷入困境

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

• 即使在导航到其他视图并返回到页面之后，也会使用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 is funding angular-material项目开发，那么为什么角度材料与离子不兼容？

如何在不失去离子性能改进和功能的情况下使用angular-material组件？

要么

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

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/正式推广。它变得非常流行，试试吧。 Comparision with Angular Material

更新时间：2015-10-23

Ionic2 has InBuilt Support for Material Design in Android

这是官方的，您可以观看Ionic2 demo in AngularConnect，它的材质设计是Android的默认设置。我们无需担心选择Material Design框架。

Answer 2

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

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

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

它可以安装凉亭

bower install ionic-material

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

祝好运！

Answer 3

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

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