我创建了一个多语言应用。支持的语言包括英语,德语和阿拉伯语。所以我有改变阅读方向的麻烦。
我试图通过改变身体中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;
}
我在导航栏中有一个后退按钮和一个更多按钮。我想在一侧有导航按钮,在另一侧有更多按钮。
如果我只在左侧更改方向放置了更多按钮,请按预期更改按钮的侧面。但是当我从左到右阅读方向时,我希望在右视图上有更多按钮,从右到左阅读对开。但是在这种情况下,按钮总是在右侧,它们都在同一个地方。
如何更改左侧的后退按钮,右侧的更多按钮以及更改阅读方向时更换侧面?
到目前为止我做了什么:
language == 'ar'
或language != 'ar'
=&gt;显示两个按钮。 (语言在rootScope中)<ion-nav-buttons side="primary">
和secondary
(Doc)