离子:如何根据阅读方向将右侧导航按钮的位置切换到左侧?

时间:2015-09-23 08:07:20

标签: ionic-framework ionic right-to-left

我创建了一个多语言应用。支持的语言包括英语,德语和阿拉伯语。所以我有改变阅读方向的麻烦。

我试图通过改变身体中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;
}

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

如果我只在左侧更改方向放置了更多按钮,请按预期更改按钮的侧面。但是当我从左到右阅读方向时,我希望在右视图上有更多按钮,从右到左阅读对开。但是在这种情况下,按钮总是在右侧,它们都在同一个地方。

enter image description here

如何更改左侧的后退按钮,右侧的更多按钮以及更改阅读方向时更换侧面?

到目前为止我做了什么:

  • 为双方放置导航按钮,并尝试隐藏以防language == 'ar'language != 'ar' =&gt;显示两个按钮。 (语言在rootScope中)
  • 使用<ion-nav-buttons side="primary">secondaryDoc

0 个答案:

没有答案