javascript - serve - Directivas iónicas VS Directivas de material angular con Ionic Framework
ionic version (3)
Encontré un marco CSS de diseño de materiales conocido como Materializecss . Se ve prometedor. Es simplemente CSS y framework de JavaScript.
Ventajas sobre otros marcos
- Las clases de CSS puro no entrarán en conflicto con las directivas iónicas. Sin pérdida de rendimiento.
- De todos los marcos que he visto, este es el único que sigue de cerca las reglas de diseño de materiales.
- Casi listo, tiene más de 50 colaboradores, es la versión actual 0.95.3 en menos de 6 meses
- Fácil de usar. Bien documentado con funciones de navegación inteligente.
- Tiene casi todas las características de diseño de materiales necesarias para una aplicación.
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 hermoso, ligero y potente para el diseño de materiales
Material Design Light http://www.getmdl.io/
Es liviano, tiene animaciones suaves y rápidas, se ve bastante bien. Fue realizado 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
Ionic2 tiene soporte InBuilt para diseño de materiales en Android
Es oficial, puedes ver la demostración de Ionic2 en AngularConnect , tiene Material Design como predeterminado para Android. No debemos preocuparnos por elegir un marco de diseño de materiales.
Quiero usar iónico con diseño de materiales. Estoy atrapado entre el uso de directivas iónicas con CSS personalizado y material angular
He leído que usando directivas iónicas obtenemos muchas características eficientes como
-
Los datos de la aplicación se recuerdan con el enrutador UI, 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 características 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 para usar con iónico?
¿Cómo puedo usar componentes de angular-material sin perder las mejoras de rendimiento y las características de iónico?
O
¿Hay una mejor idea para usar el diseño de materiales con iónico?
Hay un proyecto bastante nuevo llamado Ionic Material .
Lo he probado y funciona bastante bien, pero tenga en cuenta que todavía está en modo "Vista previa previa al lanzamiento".
Según el repositorio de Github , debería ingresar a Alpha en abril de 2015.
Se puede instalar con bower
bower install ionic-material
Eso es casi todo lo que necesita hacer, pero tenga en cuenta que hay errores y la documentación es básicamente inexistente.
¡Buena suerte!
Ionic Material y Ionic Material Design Lite son dos nuevas bibliotecas en ciernes que pretenden ser una extensión del marco iónico. Aunque un poco inmaduro, funciona bien con componentes iónicos y soporta bien el material.
This probablemente podría dar más de una idea.