2015-05-12 179 views
9

如何將angularjs材料設計組件的整個佈局更改爲RTL?AngularJs材料設計RTL佈局

+0

什麼是RTL?您的問題的一些更多細節將有所幫助。 –

+0

我的意思是從右至左的佈局。對於某些語言行波斯語或阿拉伯語。 –

回答

7

您可以通過雙向提供商做到這一點

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 DIR = 「RTL」>

只是此

+3

是的,你可以做到這一點,但一些組件和功能,如標籤過渡劑量不能正常工作 –

+1

我同意@MehdiEmrani,我認爲這是不正確的方式,但將工作,即使Bootstrap有一個不同的版本的權利左側語言(RTL) – M98

+0

不,將方向改爲'rtl'將導致HTML佈局爲'rtl',但材料將保留在'ltr' –

-2

劑量不它們之間的差別。兩者都是一樣的。

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