Ionic指令VS带有Ionic Framework的Angular材料指令

Question

我想在材料设计中使用离子。我被困在使用带有自定义CSS和角材料的离子指令之间

我已经读到，使用离子指令，我们可以获得很多高效的功能，比如

>

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

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

以及许多性能改进。

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

如果我使用棱角材料，我将不会有这些性能改进，以及移动应用程序所需的额外功能。

角度材料指令就像

<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>

看起来爱奥尼亚正在资助角材料项目的开发，那么为什么角材料与爱奥尼亚不兼容呢？

我如何使用棱角材料组件而不失去离子的性能改进和功能？

或

使用离子材料设计有更好的主意吗？

Answer 1

离子材料和离子材料设计精简版是两个崭露头角的新库，旨在扩展离子框架。虽然有点不成熟，但可以很好地与离子组件配合使用，并很好地支持材料主题。

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

Answer 2

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

我已经尝试过了，它工作得很好，但是被告知它仍然处于“预发布预览”模式。

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

它可以安装在凉亭上

bower安装离子材料

这几乎是你需要做的全部，但要注意，这里有漏洞，文档基本上不存在。

祝你好运

Answer 3

我发现了一个叫做Materializecss的材料设计CSS框架。看起来很有希望。它只是简单的CSS和javascript框架。

http://materializecss.com/

相对于其他框架的优势

1. 纯CSS类，不会与离子指令冲突。没有性能损失

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

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

更新：2015-07-09

我发现了另一个用于材料设计的轻量级、强大、漂亮的CSS框架

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

它是轻量级的，具有流畅和快速的动画，看起来相当不错。它是由谷歌开发人员之一制作的。它是由谷歌正式推广的https://developers.google.com/web/.它变得相当受欢迎，试试吧。与Angular Materials的比较

更新：2015-10-23

它是官方的，你可以在AngularConnect中观看Ionic2演示，它默认为Android的材料设计。我们不需要担心选择材料设计框架。