Angular 2+定位(i18n)rtl支持

Tim*_*hiy 6 localization right-to-left typescript angular

将右到左(rtl)支持添加到本地化的Angular 2+应用程序(例如希伯来语和阿拉伯语)中的最佳做法是什么?我查看了几个教程,包括国际化(i18n),但似乎都没有涉及到这一点.例如,我希望<html dir="rtl">在应用程序的构建步骤中添加html方向属性(例如)以及在18n属性中定义的翻译.

Tim*_*hiy 10

它可以添加i18n-dir在文档描述.所以,我到目前为止找到的最好的方法是在根组件模板(例如)中添加i18n-dir dir="ltr"(ltr默认方向)到根元素,app.component.html如下所示:

<div i18n-dir dir="ltr">
    <!-- The rest of the content --> 
</div>
Run Code Online (Sandbox Code Playgroud)

生成翻译文件后trans-unit,每个文件中都会显示相应的source包含默认方向的文件,ltr在这种情况下.因此,您只需target将单位设置rtl为相应的语言即可.

  • 我在 Angular 中找不到任何提及 i18n-dir 的内容......它是否已被删除?它曾经存在过吗? (2认同)