Angular6 如何在ionic 4中动态添加方向['；ltr'；，'；rtl'；]？

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

---

谢谢你的帮助。

我想我们可以通过

document.documentElement.dir = 'rtl';

也许这很有帮助

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

或

您可以尝试以下操作：

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';
  }

---

可能的重复不是重复，他们谈论的是离子3。这似乎在离子4中有所改变，但我也很难找到关于这方面的任何文档

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';
  }