web-dev-qa-db-ja.com

変更方法Angular Material 2 direction To RTL

作成したい[〜＃〜] rtl [〜＃〜]テンプレートAngularマテリアル2ですが、この作業の方法がわかりませんか？助けてください;

angularright-to-leftangular-material2
12
Soheil Alizadeh

属性としてrtlを使用する必要があります

dir='rtl'

これが plunker です

Index.htmlに移動すると、以下が見つかります。

<body >
   <chips-overview-example dir="rtl">Loading Material Docs example...</chips-overview-example>
</body>
18
Milad

属性dir=rtlを<html>タグに追加する必要があります。これは、このdocument.dirを使用してangular material.jsコードがレイアウト方向を区別するためです

8
Mhd Wael Jazmati

scss mixinsを使用してマテリアル双方向ソリューションでうまく機能するライブラリを公開しましたので、チェックしてください：

https://github.com/10bis/ngx-bdir

1
itay oded

webサイトのすべての要素の方向を変更する場合は、Universal selectorファイルで次のスタイル（styles.cssと呼ばれる）を使用します。

* {
    direction: rtl;
  }
1
Rzassar

Angularマテリアルは、cssの一部の要素にselector[dir=rtl]を使用します。次に例を示します。

[dir=rtl] .mat-form-field {
   text-align: right;
}

そこで、htmlタグに属性dir=rtlを追加する必要があります。

<html dir="rtl">
0
Rafi Henig