Quiero usar ionic con material design. Estoy atascado entre el uso de directivas iónicas con CSS personalizado y material angular
He leído que al usar directivas iónicas obtenemos muchas características eficientes como
Los datos de la aplicación se recuerdan con el enrutador de interfaz de usuario, incluso después de navegar a otra vista y volver a la página
Los elementos de la lista iónica se representan solo hasta la altura de visualización y se reutilizan al desplazarse hacia abajo o hacia arriba
y muchas mejoras de rendimiento.
Pero, si uso directivas iónicas, no tienen el diseño del material.
Si uso material angular, no tendré estas mejoras de rendimiento y las funciones adicionales necesarias para una aplicación móvil.
Las directivas de material angular son como
<md-list> <md-item ng-repeat="item in items"> Hello, {{item}}! </md-item> </md-list>Las directivas iónicas son como
<ion-list> <ion-item ng-repeat="item in items"> Hello, {{item}}! </ion-item> </ion-list>Parece que Ionic está financiando el desarrollo de proyectos de material angular , entonces, ¿por qué el material angular no es compatible con ionic?
¿Cómo puedo usar componentes de material angular sin perder las mejoras de rendimiento y las funciones de ionic?
O
¿Hay una mejor idea para usar el diseño de materiales con ionic?
Encontré un marco CSS de diseño de materiales conocido como Materializecss . Parece prometedor. Es simplemente CSS y marco de javascript.
Ventajas sobre otros marcos
Esta página http://materializecss.com/getting-started.html le mostrará cómo incluirlo en sus proyectos.
Espero que esto ayude a cualquiera de ustedes que busque un buen marco de diseño de materiales.
ACTUALIZACIÓN: 2015-07-09
Encontré otro marco CSS liviano, poderoso y hermoso para el diseño de materiales
Luz de diseño de materiales http://www.getmdl.io/
Es liviano, tiene animaciones fluidas y rápidas y se ve bastante bien. Fue hecho por uno de los desarrolladores de Google. Es promovido oficialmente por google https://developers.google.com/web/ . Se está volviendo bastante popular, pruébalo. Comparación con material angular
ACTUALIZACIÓN: 2015-10-23
Es oficial, puede ver la demostración de Ionic2 en AngularConnect , tiene Material Design como predeterminado para Android. No tenemos que preocuparnos por elegir un marco de Material Design.
Hay un proyecto bastante nuevo llamado Ionic Material .
Lo probé y funciona bastante bien, pero tenga en cuenta que todavía está en el modo "Vista previa al lanzamiento".
Según el repositorio de github , debería ingresar a Alpha en abril de 2015.
Se puede instalar con glorieta
bower install ionic-material
Eso es prácticamente todo lo que necesita hacer, pero tenga cuidado, hay errores y la documentación es básicamente inexistente.
¡Buena suerte!
Ionic Material e Ionic Material Design Lite son dos nuevas bibliotecas en ciernes que pretenden ser una extensión de ionic framework. Aunque un poco inmaduro, funciona bien con componentes iónicos y es compatible con la temática del material.
Esto probablemente podría dar más de una idea.