如何在ionic 4中动态添加Direction ['ltr'，'rtl']？

Question

我有一个支持多种语言的离子应用程序。如何动态更改方向？

感谢您的帮助。

Answer 1

我认为我们可以做到，

document.documentElement.dir = 'rtl';

Answer 2

有帮助的玛比

<ion-tabs mode="ios" dir="{{currentLanguage == 'en'?'ltr':'rtl'}}">

或

<ion-tabs mode="ios" [dir]="currentLanguage == 'en'?'ltr':'rtl'">

Answer 3

您可以尝试以下操作吗：

import { Component, Inject } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { DOCUMENT } from '@angular/common';

constructor(
    @Inject(DOCUMENT) private document: Document,
    private translate: TranslateService) {
    this.lang = localStorage.getItem('LANG');
  }

  languageChanged() {
    localStorage.setItem('LANG', this.lang);
    this.translate.setDefaultLang(this.lang);
    if (this.lang === 'iw')
      this.document.documentElement.dir = 'rtl';
    else
      this.document.documentElement.dir = 'ltr';
  }