2015-05-12 132 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'; 
    } 
}