离子指令 VS Angular material 指令与离子框架
Ionic directives VS Angular material directives with Ionic Framework
我想用ionic with material design. I am stuck between using ionic directives with custom CSS and angular-material
我读过使用 ionic 指令我们可以获得很多有效的功能，例如
使用 UI-router 记住应用程序数据，即使在导航到其他视图并返回页面后也是如此
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？
如何在不失去 ionic 的性能改进和功能的情况下使用 angular-material 组件？
或
使用 material 设计和 ionic 有更好的主意吗？
有一个名为 Ionic Material 的相当新的项目。
我试过了，效果很好，但请注意，它仍处于 "Pre-Release Preview" 模式。
根据 github repo 它应该在 2015 年 4 月进入 Alpha。
可以用bower安装
bower install ionic-material
这几乎就是您需要做的所有事情，但请注意，存在错误并且文档基本上不存在。
祝你好运！
我找到了一个 material 设计 CSS 框架，称为 Materializecss。看起来很有前途。这只是普通的 CSS 和 javascript 框架。
相对于其他框架的优势
- 纯CSS类，不会和ionic指令冲突。没有性能损失。
- 在我见过的所有框架中，这是唯一一个严格遵循material设计规则的框架
- 几乎准备就绪它有大约 50 多个贡献者它在不到 6 个月的时间内成为当前版本 0.95.3
- 易于使用。功能明智的导航有据可查。
- 它具有应用程序所需的几乎所有 material 设计功能。
此页面 http://materializecss.com/getting-started.html 将向您展示如何将其包含在您的项目中。
我希望这对正在寻找好的 material 设计框架的任何人有所帮助。
更新：2015-07-09
我找到了另一个轻量级强大漂亮的CSS框架material设计
Material 设计之光
http://www.getmdl.io/
它轻巧，动画流畅快速，看起来不错。它是由 Google 开发人员之一制作的。由googlehttps://developers.google.com/web/. It is getting quite popular, try it. Comparision with Angular Material
官方推广
更新：2015-10-23
Ionic2 在 Android
中内置了对 Material 设计的支持
它是官方的，您可以观看 Ionic2 demo in AngularConnect，它有 Material 作为 Android 的默认设计。我们无需担心选择 Material 设计框架。
Ionic Material and Ionic Material Design Lite 是两个崭露头角的新库，旨在成为离子框架的扩展。虽然有点不成熟，但与离子组件配合得很好，并且很好地支持 material 主题。
This 可能会提供更多见解。
我想用ionic with material design. I am stuck between using ionic directives with custom CSS and angular-material
我读过使用 ionic 指令我们可以获得很多有效的功能，例如
使用 UI-router 记住应用程序数据，即使在导航到其他视图并返回页面后也是如此
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？
如何在不失去 ionic 的性能改进和功能的情况下使用 angular-material 组件？
或
使用 material 设计和 ionic 有更好的主意吗？
有一个名为 Ionic Material 的相当新的项目。
我试过了，效果很好，但请注意，它仍处于 "Pre-Release Preview" 模式。
根据 github repo 它应该在 2015 年 4 月进入 Alpha。
可以用bower安装
bower install ionic-material
这几乎就是您需要做的所有事情，但请注意，存在错误并且文档基本上不存在。
祝你好运！
我找到了一个 material 设计 CSS 框架，称为 Materializecss。看起来很有前途。这只是普通的 CSS 和 javascript 框架。
相对于其他框架的优势
- 纯CSS类，不会和ionic指令冲突。没有性能损失。
- 在我见过的所有框架中，这是唯一一个严格遵循material设计规则的框架
- 几乎准备就绪它有大约 50 多个贡献者它在不到 6 个月的时间内成为当前版本 0.95.3
- 易于使用。功能明智的导航有据可查。
- 它具有应用程序所需的几乎所有 material 设计功能。
此页面 http://materializecss.com/getting-started.html 将向您展示如何将其包含在您的项目中。
我希望这对正在寻找好的 material 设计框架的任何人有所帮助。
更新：2015-07-09
我找到了另一个轻量级强大漂亮的CSS框架material设计
Material 设计之光 http://www.getmdl.io/
它轻巧，动画流畅快速，看起来不错。它是由 Google 开发人员之一制作的。由googlehttps://developers.google.com/web/. It is getting quite popular, try it. Comparision with Angular Material
官方推广更新：2015-10-23
Ionic2 在 Android
中内置了对 Material 设计的支持它是官方的，您可以观看 Ionic2 demo in AngularConnect，它有 Material 作为 Android 的默认设计。我们无需担心选择 Material 设计框架。
Ionic Material and Ionic Material Design Lite 是两个崭露头角的新库，旨在成为离子框架的扩展。虽然有点不成熟，但与离子组件配合得很好，并且很好地支持 material 主题。
This 可能会提供更多见解。