离子指令VS带有ionic framework的angular度材料指令

我想用材料devise的离子 。 我坚持使用离子指令与自定义CSS和angular材料

我已经阅读,使用离子指令,我们得到了很多有效的function

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

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

和很多的性能改进。

但是,如果我使用离子指令,他们没有材料devise。

如果使用angular度材质,我不会有这些性能改进,以及移动应用程序所需的额外function。

angular度材料指令就像

<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资助angular材料项目开发,那么为什么angular材料不兼容使用离子?

我怎样才能使用angular材料组件而不会失去性能改进和离子特性?

要么

使用离子材料devise有更好的主意吗?

我发现了一个被称为Materializecss的材质devisecss框架。 看起来很有希望 这只是简单的CSS和JavaScript框架。

http://materializecss.com/

优于其他框架

  1. 纯粹的CSS类,不会与离子指令冲突。 没有性能损失。
  2. 在我看到的所有框架中,这是唯一一个严格遵循材料devise规则的框架
  3. 几乎已经有大约50多个贡献者在不到6个月的时间里成为了最新版本0.95.3
  4. 使用方便。 充分loggingfunction明智的导航。
  5. 它具有几乎所有的应用程序所需的材料devisefunction。

这个页面http://materializecss.com/getting-started.html会告诉你如何将它包含在你的项目中。;

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

更新:2015-07-09

我发现另一个轻量级强大的美丽的CSS材料devise的框架

材料devise光 http://www.getmdl.io/

它重量轻,animationstream畅快捷,看起来不错。 这是由谷歌开发人员之一。 它由谷歌https://developers.google.com/web/正式提升。; 它正在悄悄stream行,试试吧。 与angular材比较

更新:2015-10-23

Ionic2对Android中的Material Design有InBuilt支持

它的官方,你可以在AngularConnect上观看Ionic2演示 ,它的Material Design默认为Android。 我们不需要担心selectMaterial Design框架。

有一个相当新的项目称为离子材料 。

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

根据github回购,它应该在2015年4月进入阿尔法。

它可以与凉亭一起安装

bower install ionic-material

这几乎是所有你需要做的事情,但是要警告,有一些错误,文档基本上是不存在的。

祝你好运!

离子材料和离子材料devise精简版是两个新的新库,旨在成为ionic framework的延伸。 虽然有点不成熟,但与离子成分很好地结合在一起,并支持材料的良好运作。

这可能会给更多的洞察力。