2017-10-23 15 views
3

ローカライズされたAngular 2+アプリ(ヘブライ語やアラビア語など)に右から左(rtl)サポートを追加する場合のベストプラクティスは何ですか?私はInternationalization (i18n)を含むいくつかのチュートリアルを見ましたが、どれもそれをカバーしていないようです。たとえば、アプリケーションのビルドステップで18nの属性で定義されている翻訳とともに、htmlの方向プロパティ(たとえば<html dir="rtl">)を追加するとします。角度2+ローカリゼーション(i18n)rtlサポート

答えて

4

i18n-dirdescribed in the docsとすることができます。だから、私がこれまでに発見された最良のアプローチは、そのようにルートコンポーネントテンプレートのルート要素に(ltrがデフォルトの方向である)i18n-dir dir="ltr"(例えばapp.component.html)を追加することです:

<div i18n-dir dir="ltr"> 
    <!-- The rest of the content --> 
</div> 

あなたが翻訳ファイルを生成したら、それぞれ対応するtrans-unitが、デフォルト方向を含むsourceで表示されます。この場合、ltrです。したがって、対応する言語の場合、ユニットのtargetrtlに設定するだけです。

+0

このソリューションのように、作品とエレガント!ありがとう! – galvan

+0

@galvanにお寄せください –