2015-05-12 3 views
9

Как я могу изменить всю компоновку компонента дизайна углового материала для RTL?AngularJs Material design RTL layout

+0

Что такое RTL? Более подробная информация по вашему вопросу поможет. –

+0

Я имею в виду план справа налево. Для некоторых языков линия персидская или арабская. –

ответ

7

вы можете сделать это с помощью двунаправленного Provider

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

посмотреть на этой page

+2

О, не знал, что у нас есть конфиг для этого! ;-) – Fardin

+0

Отлично! но где mdBiDirectionalProvider получает оговорку? работает ли она без реализации? – MRebati

+2

кажется, что он еще не слился с основной веткой. вы можете клонировать связанное дерево (https://github.com/angular/material/tree/08bf4f93763d2aea9901d697f8cc3786d242725f) и создать его самостоятельно. хотя использование '' '$ mdBiDirectionalProvider''' не требуется. просто вставив '' '' dir = "rtl" '' 'в тело работает для меня успешно. –

2

Я нашел простой способ изменить макет страницы.

< HTML реж = "РТЛ">

только это

+3

да, вы можете это сделать, но некоторые компоненты и функции, такие как переходная доза вкладок, не работают правильно таким образом –

+1

Я согласен с @MehdiEmrani, я думаю, что это не так, но будет работать, даже у Bootstrap есть другая версия для права на левые языки (RTL) – M98

+0

Нет, изменение направления на 'rtl' приведет к тому, что HTML-макет будет' rtl', но материалы останутся в 'ltr' –

-2

доза не разница между ними. Оба делают то же самое.

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