Ionic framework 爱奥尼亚:如何根据阅读方向将右导航按钮的位置向左切换?
我创建了一个多语言应用程序。支持的语言为英语、德语和阿拉伯语。所以我很难改变阅读方向 我试图通过在主体中通过css类改变方向来解决这个问题Ionic framework 爱奥尼亚:如何根据阅读方向将右导航按钮的位置向左切换?,ionic-framework,ionic,right-to-left,Ionic Framework,Ionic,Right To Left,我创建了一个多语言应用程序。支持的语言为英语、德语和阿拉伯语。所以我很难改变阅读方向 我试图通过在主体中通过css类改变方向来解决这个问题 <body ng-app="myApp" ng-class="language == 'ar' ? 'right_to_left' : 'left_to_right'"> 我在导航栏上有一个后退按钮和一个更多按钮。我想把导航按钮放在一边,把更多的按钮放在另一边 如果我只是将“更多”按钮放在改变方向的左侧,请按预期更改按钮的一侧。但是当阅读方向是
<body ng-app="myApp" ng-class="language == 'ar' ? 'right_to_left' : 'left_to_right'">
我在导航栏上有一个后退按钮和一个更多按钮。我想把导航按钮放在一边,把更多的按钮放在另一边
如果我只是将“更多”按钮放在改变方向的左侧,请按预期更改按钮的一侧。但是当阅读方向是从左到右的时候,我想在右边的视线上有一个“更多”按钮,而“更多”按钮是从右到左的。但是,在这种情况下,按钮始终位于右侧,并且它们都位于同一位置
当改变阅读方向时,如何获得左侧的后退按钮、右侧的更多按钮和侧面的改变
到目前为止,我做了什么:
- 在两侧放置导航按钮,并尝试隐藏以防
或language==“ar”
=>显示两个按钮。(语言在rootScope中)language!='ar'
- 使用了
和辅助
()
.right_to_left {
direction: rtl;
unicode-bidi: bidi-override;
}
.left_to_right {
direction: ltr;
unicode-bidi: bidi-override;
}