我想在材料设计中使用离子。我被困在将离子指令与自定义CSS和angular-material结合使用之间

我已经读到，使用离子指令，我们可以获得许多有效的功能，例如

• 即使导航到其他视图并返回到页面，也可以使用UI-router记住应用数据

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

并改善了许多性能。

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

如果我使用角形材料，则不会获得这些性能改进，也不会具有移动应用程序所需的其他功能。

角材料指令就像

<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正在资助角材料项目的开发，那么为什么角材料与离子材料不兼容？

如何在不损失离子性能和特性的情况下使用角材料组件？

要么

使用离子材料设计会更好吗？

我找到了一个称为Materializecss的材质设计CSS框架。看起来很有希望。这只是普通的CSS和javascript框架。

http://materializecss.com/

与其他框架相比的优势

1. 纯CSS类不会与离子指令冲突。没有性能损失。
2. 在我看到的所有框架中，这是唯一严格遵循材料设计规则的框架
3. 在不到6个月的时间内，它已经准备就绪，拥有约50多个参与者，目前的版本为0.95.3
4. 易于使用。充分记录了功能明智的导航。
5. 它几乎具有应用程序所需的所有材料设计功能。

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

我希望这对寻求良好材料设计框架的任何人有帮助。

更新时间：2015-07-09

我发现了另一个轻量级的功能强大的漂亮CSS框架，用于材质设计

物料设计灯 http://www.getmdl.io/

它是轻量级的，具有流畅，快速的动画效果，看上去还不错。它是由一位Google开发人员制作的。它由google https://developers.google.com/web/正式推广 。它变得越来越流行，尝试一下。与角材料的比较

更新时间：2015-10-23

Ionic2对Android中的Material Design具有内置支持

它是官方的，您可以在AngularConnect中观看Ionic2演示，它具有Material Design作为Android的默认设置。我们不必担心选择材料设计框架。

有一个相当新的项目叫做离子材料。

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

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

可以安装凉亭

bower install ionic-material

这几乎是您需要做的所有事情，但是请注意，这里有错误，并且该文档基本上不存在。

祝好运！

离子材料和离子材料设计精简版是两个崭新的库，旨在作为离子框架的扩展。尽管还不成熟，但它与离子组件配合得很好，并且可以很好地支持材料主题化。

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