Ich möchte ionisch mit Materialdesign verwenden. Ich bin festgefahren zwischen der Verwendung von ionischen Direktiven mit benutzerdefiniertem CSS und eckigem Material

Ich habe gelesen, dass wir mit ionischen Direktiven viele effiziente Funktionen erhalten, wie z

• App-Daten werden mit dem UI-Router gespeichert, auch nachdem Sie zu einer anderen Ansicht navigiert und zur Seite zurückgekehrt sind

• Ionische Listenelemente werden nur bis zur Anzeigehöhe gerendert und beim Scrollen nach unten oder oben wiederverwendet

und viele Leistungsverbesserungen.

Wenn ich jedoch ionische Direktiven verwende, haben sie nicht das Materialdesign.

Wenn ich eckiges Material verwende, werden diese Leistungsverbesserungen und zusätzlichen Funktionen, die für eine mobile Anwendung erforderlich sind, nicht verfügbar sein.

Winkelmaterial-Direktiven sind wie

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

Ionische Direktiven sind wie

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

Es sieht so aus, als würde Ionic die Projektentwicklung für Winkelmaterial finanzieren. Warum ist Winkelmaterial dann nicht für die Verwendung mit Ionen geeignet?

Wie kann ich eckige Materialkomponenten verwenden , ohne die Leistungsverbesserungen und Eigenschaften von ionic zu verlieren?

ODER

Gibt es eine bessere Idee für die Verwendung von Materialdesign mit ionischen?

Ich habe ein Materialdesign-CSS-Framework namens Materializecss gefunden . Es sieht vielversprechend aus. Es ist einfach nur CSS und Javascript Framework.

http://materializecss.com/

Vorteile gegenüber anderen Frameworks

1. Reine CSS-Klassen stehen nicht im Widerspruch zu ionischen Direktiven. Kein Leistungsverlust.
2. Von allen Frameworks, die ich gesehen habe, ist dies das einzige, das die Regeln für das Materialdesign genau befolgt
3. Fast fertig mit mehr als 50 Mitwirkenden ist die aktuelle Version 0.95.3 in weniger als 6 Monaten
4. Einfach zu verwenden. Gut dokumentiert mit funktionsweiser Navigation.
5. Es verfügt über fast alle Materialdesignmerkmale, die für eine App benötigt werden.

Diese Seite http://materializecss.com/getting-started.html zeigt Ihnen, wie Sie es in Ihre Projekte aufnehmen können.

Ich hoffe, dies hilft jedem von Ihnen, der nach einem guten Rahmen für das Materialdesign sucht.

UPDATE: 09.07.2015

Ich habe ein weiteres leichtes, leistungsstarkes und schönes CSS-Framework für das Materialdesign gefunden

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

Es ist leicht, hat flüssige und schnelle Animationen und sieht ziemlich gut aus. Es wurde von einem der Google-Entwickler erstellt. Es wird offiziell von Google https://developers.google.com/web/ beworben . Es wird sehr beliebt, probieren Sie es aus. Vergleich mit Winkelmaterial

UPDATE: 23.10.2015

Ionic2 bietet InBuilt-Unterstützung für Materialdesign in Android

Es ist offiziell, Sie können die Ionic2-Demo in AngularConnect ansehen . Es hat Material Design als Standard für Android. Wir müssen uns keine Gedanken über die Auswahl eines Material Design Frameworks machen.

Es gibt ein ziemlich neues Projekt namens Ionic Material .

Ich habe es ausprobiert und es funktioniert ziemlich gut, aber sei darauf hingewiesen, dass es sich immer noch im "Pre-Release Preview" -Modus befindet.

Laut Github Repo soll es im April 2015 in Alpha eintreten.

Es kann mit Laube installiert werden

bower install ionic-material

Das ist so ziemlich alles, was Sie tun müssen, aber seien Sie gewarnt, es gibt Fehler und die Dokumentation ist im Grunde nicht vorhanden.

Viel Glück!

Ionic Material und Ionic Material Design Lite sind zwei neue Bibliotheken, die eine Erweiterung des ionischen Gerüsts darstellen sollen. Obwohl etwas unreif, funktioniert es gut mit ionischen Komponenten und unterstützt das Material gut.

Dies könnte wahrscheinlich eher einen Einblick geben.