Je veux utiliser l' ionique avec la conception matérielle. Je suis coincé entre l'utilisation de directives ioniques avec CSS personnalisé et angular-material

J'ai lu qu'en utilisant des directives ioniques, nous obtenons de nombreuses fonctionnalités efficaces telles que

• Les données de l'application sont mémorisées avec l'interface utilisateur du routeur, même après avoir accédé à une autre vue et être revenu à la page

• Les éléments de la liste ionique sont rendus uniquement jusqu'à la hauteur d'affichage et réutilisés lors du défilement vers le bas ou vers le haut

et de nombreuses améliorations de performances.

Mais, si j'utilise des directives ioniques, elles n'ont pas la conception matérielle.

Si j'utilise un matériau angulaire, je n'aurai pas ces améliorations de performances ni les fonctionnalités supplémentaires nécessaires pour une application mobile.

Les directives de matériau angulaire sont comme

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

Les directives ioniques sont comme

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

On dirait que Ionic finance le développement de projets de matériaux angulaires , alors pourquoi le matériau angulaire n'est-il pas compatible avec l'utilisation d'ionic?

Comment puis-je utiliser des composants à matériau angulaire sans perdre les améliorations de performances et les fonctionnalités d'ionic?

OU

existe-t-il une meilleure idée d'utiliser la conception de matériaux avec ionic?

J'ai trouvé un framework CSS de conception matérielle appelé Materializecss . Cela semble prometteur. C'est juste un cadre CSS et javascript.

http://materializecss.com/

Avantages par rapport aux autres frameworks

1. Les classes CSS pures, n'entreront pas en conflit avec les directives ioniques. Aucune perte de performance.
2. De tous les cadres que j'ai vus, c'est le seul qui suit de près les règles de conception matérielle
3. Presque prêt, il a environ 50+ contributeurs, sa version actuelle 0.95.3 en moins de 6 mois
4. Facile à utiliser. Bien documenté avec une navigation judicieuse.
5. Il possède presque toutes les fonctionnalités de conception matérielle nécessaires pour une application.

Cette page http://materializecss.com/getting-started.html vous montrera comment l'inclure dans vos projets.

J'espère que cela vous aidera à rechercher un bon cadre de conception de matériaux.

MISE À JOUR: 09/07/2015

J'ai trouvé un autre cadre CSS léger et puissant pour la conception de matériaux

Material Design Light http://www.getmdl.io/

Il est léger, a des animations fluides et rapides, assez beau. Il a été réalisé par l'un des développeurs Google. Il est officiellement promu par google https://developers.google.com/web/ . Cela devient très populaire, essayez-le. Comparaison avec le matériau angulaire

MISE À JOUR: 23/10/2015

Ionic2 prend en charge InBuilt pour la conception de matériaux sous Android

C'est officiel, vous pouvez regarder la démo Ionic2 dans AngularConnect , il a la conception matérielle par défaut pour Android. Nous n'avons pas à nous soucier du choix d'un cadre de conception matérielle.

Il existe un projet assez nouveau appelé Ionic Material .

Je l'ai essayé et cela fonctionne plutôt bien, mais sachez qu'il est toujours en mode "Pre-Release Preview".

Selon le repo github, il devrait entrer en Alpha en avril 2015.

Il peut être installé avec bower

bower install ionic-material

C'est à peu près tout ce que vous devez faire, mais attention, il y a des bogues et la documentation est pratiquement inexistante.

Bonne chance!

Ionic Material et Ionic Material Design Lite sont deux nouvelles bibliothèques en herbe qui visent à être une extension du cadre ionique. Bien qu'un peu immature, fonctionne bien avec les composants ioniques et supporte bien la thématisation du matériau.

Cela pourrait probablement donner plus d'informations.