Ionic：如何根据阅读方向将右导航按钮的位置向左切换？

Question

我创建了一个多语言应用程序。支持的语言是英语，德语和阿拉伯语。因此，我无法更改阅读方向。

我试图通过体内的CSS类更改方向来解决此问题。

<body ng-app="myApp" ng-class="language == 'ar' ? 'right_to_left' : 'left_to_right'">

css：

.right_to_left  {
  direction: rtl;
  unicode-bidi: bidi-override;
}

.left_to_right  {
  direction: ltr;
  unicode-bidi: bidi-override;
}

我在导航栏中有一个后退按钮和一个更多按钮。我想在一侧设置导航按钮，在另一侧设置更多按钮。

如果我仅将more按钮放在左侧更改方向上，请按预期更改按钮的侧面。但是我想在阅读方向从左到右和从右到左的对面时，在右视镜上有更多按钮。但是，在这种情况下，按钮始终位于右侧，并且它们都位于同一位置。

如何在更改阅读方向时在左侧获得后退按钮，在右侧获得更多按钮并改变侧面？

到目前为止我做了什么：

向两侧放置导航按钮，并尝试隐藏以防万一language == 'ar'或language != 'ar' =>显示两个按钮。（语言在rootScope中）
二手<ion-nav-buttons side="primary">和secondary（Doc）

Answer 1

在离子5中，我遇到了相同的问题，并通过以下方法解决了它

document.dir = 'rtl';

在我遵循文档之前，他们说您必须在以下示例中提到app.component.html中的目录

<ion-app [dir]='dir'>

其中dir是我的绑定变量，在放置document.dir ='rtl'之后，除后退按钮方向外，其他所有方法都可以正常工作。它也解决了这个问题。现在在我的语言切换器按钮代码中，我仅更改document.dir。