离子指令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框架。
优于其他框架
- 纯粹的CSS类,不会与离子指令冲突。 没有性能损失。
- 在我看到的所有框架中,这是唯一一个严格遵循材料devise规则的框架
- 几乎已经有大约50多个贡献者在不到6个月的时间里成为了最新版本0.95.3
- 使用方便。 充分loggingfunction明智的导航。
- 它具有几乎所有的应用程序所需的材料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的延伸。 虽然有点不成熟,但与离子成分很好地结合在一起,并支持材料的良好运作。
这可能会给更多的洞察力。