Wie kann ich das gesamte Layout der angularjs Material Design Komponente auf RTL ändern?AngularJs Material Design RTL Layout
Antwort
Sie können diese BiDirectional Provider durch tun
app.config(function($mdBiDirectionalProvider) {
$mdBiDirectionalProvider.rtlMode(true);
}
Blick auf diese page
Oh, wusste nicht, wir hatten eine Konfiguration dafür! ;-) – Fardin
Großartig! aber wo wird mdBiDirectionalProvider referenziert? funktioniert es ohne Implementierung? – MRebati
scheint es noch nicht mit der Hauptzweig zusammengeführt. Sie können verwandte Baum klonen (https://github.com/angular/material/tree/08bf4f93763d2aea9901d697f8cc3786d242725f) und bauen Sie es selbst. obwohl '' '$ mdBiDirectionalProvider''' nicht benötigt wird. nur durch das Einfügen von '' 'dir =" rtl "' '' im Körper funktioniert für mich erfolgreich. –
fand ich eine einfache Möglichkeit, das Seitenlayout zu ändern.
< html dir = "rtl">
gerade diese
ja Sie können dies tun, aber einige Komponenten und Funktionen wie Tabs Übergang Dosis funktioniert nicht richtig auf diese Weise –
Ich stimme mit @ MehdiEmrani, ich denke, das ist nicht der richtige Weg, aber wird funktionieren, auch Bootstrap hat eine andere Version für richtig zu linke Sprachen (RTL) – M98
Nein, das Ändern der Richtung zu "rtl" bewirkt, dass das HTML-Layout "rtl" ist, aber die Materialien bleiben in "ltr" –
Dosis nicht Unterschied zwischen ihnen. Beide machen das Gleiche.
function rtlMode(mode) {
if (mode) {
direction = 'rtl';
}
}
- 1. Angular Material Design-Layout
- 2. Material Design RecyclerView Layout-
- 3. Angular Material Chips rtl
- 4. angularjs material Layout, Flex und Offset
- 5. Material Design erweiterbar Schublade
- 6. Android Material Design AppCompat
- 7. Hintergrund Farbwechsel Material Design
- 8. Angular Material Design funktioniert nicht?
- 9. Bootstrap vs Material Design auswählen
- 10. Angular Material Design Flex Karten
- 11. Werden Layout-Richtlinien von Angular 2 Material Design Components unterstützt?
- 12. Festtabellenkopf in Winkel Material Design
- 13. Android Material Design Profilseite
- 14. Android Material Design
- 15. Form Android Material Design
- 16. Material Design Lite Navigation
- 17. Material Design progressdialog
- 18. Material Design Symbol Farben
- 19. Material Design Transparent ActionBar
- 20. Material Design: Nav Schublade Breite
- 21. AngularJS - Material Design | Kann $ mdBottomSheet über $ mdDialog platziert werden?
- 22. Verwendung von angularjs Material Design mit Visual Studio 2013
- 23. AngularJS Material Design hat keine Animationen Unterstützung, wie zu erreichen?
- 24. Ich kann nicht importieren Material Design-Projekt angularjs
- 25. Material Design WPF-Befehl Problem
- 26. Mobile Browser Spaltenansicht Probleme Material Design (CSS)
- 27. Synthese und Implementieren RTL-Design in Verilog
- 28. Material Design Lite nicht mit Turbolinks Arbeits
- 29. Material AngularJS ngShow und ngHide
- 30. Implement RTL Layout von 8 ios später
Was ist RTL? Einige weitere Details für Ihre Frage werden Ihnen helfen. –
Ich meine von rechts nach links Layout. Für einige Sprachen persisch oder arabisch. –