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

时间:2019-01-30 08:05:09

标签: javascript angular ionic-framework ionic4

我正在使用ionic 4多语言应用程序使用英语和阿拉伯语,因此当用户在langs之间切换时,我需要更改布局!

我在totalNum = int(input("No of people?")) for i in range(1,totalNum+1): name_list = [] name = input("Name?") name_list.append(name) print(name_list) 事件的platform.setDir('rtl')的ionic 3中进行此操作

onChangLang

但是出于任何原因,在ionic 4 if (languageId === 'ar') { this.platform.setDir('rtl', true); this.translate.setDefaultLang(languageId); } else { this.platform.setDir('ltr', true); this.translate.setDefaultLang(languageId); } 中已弃用(删除),并且文档中未包含platform.setDir()的替代品或如何更改{ {1}}以编程方式!!

所以我的问题是如何像使用ionic 3一样使用打字稿以编程方式更改布局方向?!

2 个答案:

答案 0 :(得分:0)

我想您会找到答案here-对我有用。作者引用了Mozilla / MDN link,并创建了一个Angular Service来引用DOCUMENT并将其从“ ltr”切换为“ rtl”。与其复制该答案,不如查看这篇文章中包含的链接

答案 1 :(得分:0)

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

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

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