Ionic指令VS Angular材料指令与Ionic Framework

Vam*_*msi 94 javascript angularjs ionic-framework material-design ionic2

我想用离子与材料设计.我在使用离子指令与自定义CSS和角度材料之间陷入困境

我已经读过使用离子指令我们获得了许多有效的功能

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

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

并且有很多性能改进.

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

如果我使用角度材料,我将无法获得这些性能改进,以及移动应用程序所需的额外功能.

角度材料指令就像

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>
Run Code Online (Sandbox Code Playgroud)

离子指令就像

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>
Run Code Online (Sandbox Code Playgroud)

看起来Ionic正在资助角材料项目开发,那么为什么角材料不能与离子材料一起使用呢?

如何在不失去离子性能改进和功能的情况下使用角度材料组件?

要么

使用离子材料设计有更好的想法吗?

Vam*_*msi 68

我找到了一个名为Materialisecss的材料设计css框架.看起来很有希望.它只是普通的CSS和JavaScript框架.

http://materializecss.com/

优于其他框架的优势

  1. 纯css类,不会与离子指令冲突.没有性能损失.
  2. 在我见过的所有框架中,这是唯一一个严格遵循材料设计规则的框架
  3. 几乎准备好它有大约50多个贡献者,它在不到6个月内是当前版本0.95.3
  4. 使用方便.有功能明智的导航记录良好.
  5. 它几乎具有应用程序所需的所有材料设计功能.

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

希望这有助于你们寻找一个好的材料设计框架.

更新时间:2015-07-09

我找到了另一种轻质强大的美观css框架,用于材料设计

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

它重量轻,动画流畅,快速,看起来很不错.它是由一位谷歌开发者制作的.它由谷歌https://developers.google.com/web/正式推广 .它正变得越来越流行,试试吧.与角度材料的比较

更新时间:2015-10-23

Ionic2在Android中具有InBuilt对Material Design的支持

它是官方的,你可以在AngularConnect中观看Ionic2演示,它有Material Design作为Android的默认设置.我们无需担心选择Material Design框架.


dar*_*ten 24

有一个名为Ionic Material的新项目.

我已经尝试过它并且效果很好,但请注意它仍处于"预发布预览"模式.

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

它可以安装凉亭

bower install ionic-material

这几乎是你需要做的,但要注意,有bug,文档基本上不存在.

祝好运!

  • 我以前见过离子材料库,但问题是1.这不是接近完成的地方.没有可用的文档.这不是积极的发展,也没有很好的支持.今天看到的只有一个人工作了7天.所以在没有保证的情况下很难在生产应用中使用它.3.角质材料,离子材料都有很好的资金和支持,非常优秀的开发人员正在以良好的速度开展工作.所以我可以相信他们. (9认同)