установить атрибут html dir в зависимости от локали

Question

Установка i18n-locale в конфигурации сборки angular.json на язык RTL, такой как иврит, не изменяет атрибут dir html на RTL. Есть ли другой способ автоматически установить атрибут html или body dir в зависимости от локали?

Answer 1

AppComponent должен прослушивать изменение языка следующим образом:

app.component.ts

@Component(...)
export class AppComponent {

  public dir: string;
  constructor(private translate: TranslateService) {
    translate.onLangChange.subscribe(x => this.dir = x == "en" ? "ltr" : "rtl")
  }

}

app.component.html:

<div [dir]="dir">
    <router-outlet></router-outlet>
</div>