Javascript 离子指令与具有离子骨架的角材料指令

Javascript 离子指令与具有离子骨架的角材料指令,javascript,angularjs,ionic-framework,ionic2,material-design,Javascript,Angularjs,Ionic Framework,Ionic2,Material Design,我想用材料设计。我在使用带有自定义CSS的ionic指令和 我已经读到,使用离子指令,我们可以获得很多高效的功能,比如 UI路由器会记住应用程序数据,即使在导航到其他视图并返回页面后也是如此 离子列表项仅渲染到显示高度,并在向下或向上滚动时重复使用 还有很多性能改进 但是,如果我使用离子指令,他们没有材料设计 如果我使用角材料,我将不会有这些性能改进,以及移动应用程序所需的额外功能 角度材质指令类似于 <md-list> <md-item ng-repeat="item

我想用材料设计。我在使用带有自定义CSS的ionic指令和

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

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

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

还有很多性能改进

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

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

角度材质指令类似于

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>

你好,{{item}}!
离子指令就像

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

你好,{{item}}!
看起来像是项目开发,那么为什么棱角材料与离子材料不兼容呢

我如何使用组件而不丢失ionic的性能改进和功能


有没有更好的方法将材料设计与ionic结合使用?

有一个相当新的项目,名为

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

根据计划,it应在2015年4月进入Alpha

它可以安装在凉亭上

bower安装离子材料

这几乎是您需要做的所有事情,但是请注意,存在bug,并且文档基本上不存在


祝你好运

我发现了一个称为物化ECSS的材质设计CSS框架。看起来很有希望。它只是简单的CSS和javascript框架

与其他框架相比的优势

  • 纯CSS类,不会与离子指令冲突。没有性能损失
  • 在我见过的所有框架中,这是唯一一个严格遵循材料设计规则的框架
  • 几乎准备就绪它有大约50多个贡献者在不到6个月的时间内发布了当前版本0.95.3
  • 易于使用。详细记录了功能导航
  • 它几乎具备应用程序所需的所有材质设计功能
  • 本页将向您展示如何将其包括在项目中

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

    更新:2015-07-09

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

    材质设计灯

    它是轻量级的,有平滑和快速的动画,看起来相当不错。它是由谷歌的一位开发者制作的。它是由谷歌正式推广的。它越来越流行了,试试看

    更新:2015-10-23

    Ionic2内置支持Android中的材质设计 这是官方的,你可以看,它的材质设计是Android的默认设置。我们不必担心如何选择材料设计框架。

    和是两个新兴的库,旨在成为爱奥尼亚框架的扩展。虽然有点不成熟,但与离子组分配合良好,并能很好地支持材料主题化


    可能可以提供更多的见解。

    我以前看过离子材料库,但问题是1。这不是一个接近完成的地方。没有可用的文档。2.这不是在积极的发展,并没有很好的支持。今天只有一个人做了7天。因此,在没有保证的情况下,很难在生产应用程序中使用它。3.Angular material,ionic都有很好的资金和支持,非常好的开发人员正在以很好的速度进行开发。所以我可以相信他们。这可能需要一些时间,直到ngMaterial和ionic能够相互作用。爱奥尼亚也必须始终支持iOS。我不确定Ionix的设计方向。项目开始时,他们希望应用程序在所有平台上看起来都一样。他们在一段时间前勉强实现了这一目标,现在正朝着更高的平台连续性迈进,这一点在招聘公告中也有所体现。你可能想直接问开发人员(爱奥尼亚论坛是一个很好的提问场所)关于材料设计的路线图。我已经在爱奥尼亚论坛上发表了文章,但运气不好。一些谷歌应用程序在android和ios上都使用了材质设计。但我现在对安卓感兴趣。iOS的成本更高,每年:(.这只是不鼓励初学者和我一样加入ios。我认为ios应该对开发者帐户使用有限的费用。我相信他们会在不久的将来公布v1后的路线图。最大的问题是它需要jquery,我们只需要css。爱奥尼亚中存在弹出窗口、模态和其他功能。因此,除非我们我正在尝试使用不在ionic中的Material Design Light功能。你对Material Design Light有任何反馈吗?我在这里对ionic+材料设计也有同样的问题。因此,如果你对图书馆有任何反馈,我将不胜感激。我个人没有使用过
    Material Design Light
    ,这看起来很有希望。我在这里这是
    材质设计灯
    引导程序
    的比较,如果你使用了引导程序,它会有所帮助。谷歌在其web开发者页面上推广这一点。因此,它一定足够好了。