离子指令 VS 角度材料指令与离子框架

我想用材质设计的 离子的。我卡在使用自定义 CSS 和 角质材料角质材料离子指令之间

我读到过使用离子指令我们可以得到很多有效的特性,比如

  • 用户界面路由器可以记住应用程序数据,即使在导航到其他视图并返回到页面之后也是如此

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

以及大量的性能改进。

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

如果我使用角材料,我将不会有这些性能改进,和额外的功能需要一个移动应用程序。

角度物质指令就像

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

看起来像 离子公司正在资助角质材料项目开发,那么为什么角材料不兼容使用与离子?

我怎样才能使用 角质材料角质材料组件而不失去性能的改善和离子的特点?

或者

是否有一个更好的想法来使用离子材料设计?

24047 次浏览

There is a fairly new project called Ionic Material.

I've tried it out and it works pretty well, but be advised that it is still in "Pre-Release Preview" mode.

According to the github repo it should enter Alpha in April 2015.

It can be installed with bower

bower install ionic-material

That's pretty much all you need to do, but be warned, there are bugs and the documentation is basically non-existent.

Good luck!

I found a material design CSS framework known as Materializecss. It looks promising. It's just plain CSS and javascript framework.

http://materializecss.com/

Advantages over other frameworks

  1. Pure CSS classes, will not conflict with ionic directives. No performance loss.
  2. Of all the frameworks I have seen, this is the only one closely following material design rules
  3. Almost ready it has about 50+ contributors it's current Version 0.95.3 in less than 6 months
  4. Easy to use. Well documented with feature wise navigation.
  5. It has almost all the material design features needed for an app.

This page http://materializecss.com/getting-started.html will show you how to include it in your projects.

I hope this helps for any of you searching for a good material design framework.

UPDATE: 2015-07-09

I Found another lightweight powerful beautiful CSS framework for material design

Material Design Light http://www.getmdl.io/

It is lightweight, has smooth and quick animations, looking pretty good. It was made by one of the Google developers. It is officially promoted by google https://developers.google.com/web/. It is getting quite popular, try it. Comparision with Angular Material

UPDATE: 2015-10-23

Ionic2 has InBuilt Support for Material Design in Android

It's Official, You can watch Ionic2 demo in AngularConnect, It has Material Design as default for Android. We don't need to worry about choosing a Material Design framework.

Ionic Material and Ionic Material Design Lite are two budding new libraries that aim to be an extension of ionic framework. Though a little immature, works well with ionic components and supports the material theming well.

This probably could give more of an insight.