2017-10-23 3 views
3

현지화 된 Angular 2+ 앱 (예 : 히브리어 및 아랍어 언어)에 오른쪽에서 왼쪽으로 (RTL) 지원을 추가하는 가장 좋은 방법은 무엇입니까? Internationalization (i18n)을 포함한 여러 자습서를 살펴 보았지만 아무 것도 다루지 않는 것 같습니다. 예를 들어 html 방향 속성 (예 : <html dir="rtl">)이 앱의 빌드 단계에서 18n 속성에 정의 된 번역과 함께 추가 될 것으로 기대합니다.각도 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을 도와 드리겠습니다. –