gpt4 book ai didi

javascript - Ionic 指令 VS 使用 Ionic Framework 的 Angular Material 指令

转载 作者:IT王子 更新时间:2023-10-29 02:43:58 29 4
gpt4 key购买 nike

我想使用 ionic与 Material 设计。我被困在使用带有自定义 CSS 的 ionic 指令和 angular-material 之间。

我读过使用 ionic 指令我们得到了很多高效的特性,比如

  • UI-router 会记住应用数据,即使在导航到其他 View 并返回页面后也是如此

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

还有很多性能改进。

但是,如果我使用 ionic 指令,它们就没有 Material 设计。

如果我使用 angular-material,我将不会获得这些性能改进,也不会获得移动应用程序所需的额外功能。

Angular Material 指令就像

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

Ionic 指令就像

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

看起来像Ionic is funding angular-material项目开发,那为什么angular-material不能和ionic兼容?

如何使用 angular-material组件而不会失去 ionic 的性能改进和功能?

在 ionic 中使用 Material 设计有更好的主意吗?

最佳答案

我找到了一个名为 Materializecss 的 Material 设计 CSS 框架。看起来很有前途。它只是普通的 CSS 和 javascript 框架。

http://materializecss.com/

相对于其他框架的优势

  1. 纯 CSS 类,不会与 ionic 指令冲突。没有性能损失。
  2. 在我见过的所有框架中,这是唯一一个严格遵循 Material Design 规则的框架
  3. 几乎准备就绪它有大约 50 多个贡献者它在不到 6 个月的时间内成为当前版本 0.95.3
  4. 易于使用。功能明智的导航有据可查。
  5. 它具有应用所需的几乎所有 Material Design 功能。

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

我希望这对正在寻找好的 Material Design 框架的任何人有所帮助。

更新:2015-07-09

我找到了另一个用于 Material 设计的轻量级强大漂亮的 CSS 框架

Material 设计灯<强> http://www.getmdl.io/

它轻巧,动画流畅快速,看起来不错。它是由一位谷歌开发人员制作的。由google官方推广https://developers.google.com/web/ .它越来越受欢迎,试试吧。 Comparision with Angular Material

更新:2015-10-23

Ionic2 内置了对 Android Material 设计的支持

官宣了,可以看Ionic2 demo in AngularConnect , 它具有 Material Design 作为 Android 的默认设置。我们无需担心选择 Material Design 框架。

关于javascript - Ionic 指令 VS 使用 Ionic Framework 的 Angular Material 指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28916985/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com