javascript - 我如何以编程方式将 ionic 4 中的目录从 LTR 更改为 RTL

Question

我正在开发 ionic 4 多语言应用英语和阿拉伯语，所以当用户在语言之间切换时我需要改变布局!

我在 ionic 3 中通过 platform.setDir('rtl') 在 onChangLang 事件中这样做

    if (languageId === 'ar') {
      this.platform.setDir('rtl', true);
      this.translate.setDefaultLang(languageId);

    } else {
      this.platform.setDir('ltr', true);
      this.translate.setDefaultLang(languageId);
    }

但是现在在 ionic 4 中，platform.setDir() 已被弃用(删除)，无论出于何种原因，文档不包含任何 platform 的替代品.setDir() 或如何以编程方式更改dir!!

所以我的问题是如何使用 typescript 以编程方式更改布局方向，就像在 ionic 3 上一样？!!

Answer 1

您可以使用 document.documentElement.dir = "rtl";

if (languageId === 'ar') {
  document.documentElement.dir = "rtl";
  this.translate.setDefaultLang(languageId);

} else {
  document.documentElement.dir = "ltr";
  this.translate.setDefaultLang(languageId);
}