2015-05-12 8 views
9

Wie kann ich das gesamte Layout der angularjs Material Design Komponente auf RTL ändern?AngularJs Material Design RTL Layout

+0

Was ist RTL? Einige weitere Details für Ihre Frage werden Ihnen helfen. –

+0

Ich meine von rechts nach links Layout. Für einige Sprachen persisch oder arabisch. –

Antwort

7

Sie können diese BiDirectional Provider durch tun

app.config(function($mdBiDirectionalProvider) { 
    $mdBiDirectionalProvider.rtlMode(true); 
} 

Blick auf diese page

+2

Oh, wusste nicht, wir hatten eine Konfiguration dafür! ;-) – Fardin

+0

Großartig! aber wo wird mdBiDirectionalProvider referenziert? funktioniert es ohne Implementierung? – MRebati

+2

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. –

2

fand ich eine einfache Möglichkeit, das Seitenlayout zu ändern.

< html dir = "rtl">

gerade diese

+3

ja Sie können dies tun, aber einige Komponenten und Funktionen wie Tabs Übergang Dosis funktioniert nicht richtig auf diese Weise –

+1

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

+0

Nein, das Ändern der Richtung zu "rtl" bewirkt, dass das HTML-Layout "rtl" ist, aber die Materialien bleiben in "ltr" –

-2

Dosis nicht Unterschied zwischen ihnen. Beide machen das Gleiche.

function rtlMode(mode) { 
    if (mode) { 
     direction = 'rtl'; 
    } 
}