我正在研究Ionic 1项目,该项目有两种语言阿拉伯语,即RTL和英语,即LTR。
我添加了两个菜单来处理这个问题,一个用于side="right"
用于阿拉伯语,另一个用side="left"
用于处理英语
开始时每件事情都很好,但是当我改变语言时,侧面菜单内容可以向左和向右拖动!
只有在显示左侧菜单时才能向左拖动,只有在显示右侧菜单时才向右拖动
试验
我尝试使用drag-content='false'
[禁用两个方向]。
我试图在ionic-side-menus-content
上添加事件监听器,以检查方向是否已经离开,这样我就可以preventDefault
和return false;
[没有工作]
这是问题的截图。
接受的指示
行为错误
app.html代码
<ion-side-menus enable-menu-with-back-views="false">
<!-- Left menu -->
<ion-side-menu side="left" ng-if="$root.lang=='en'">
<div ng-include="'tpls/side-menu.html'"></div>
</ion-side-menu>
<ion-side-menu side="right" ng-if="$root.lang=='ar'">
<div ng-include="'tpls/side-menu.html'"></div>
</ion-side-menu>
<ion-side-menu-content>
<!-- Main content, usually <ion-nav-view> -->
<ion-nav-bar align-title="center">
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-buttons side="{{$root.lang=='ar'?'right':'left'}}">
<button class="button button-icon button-clear ion-navicon" menu-toggle="{{$root.lang=='ar'?'right':'left'}}">
</button>
</ion-nav-buttons>
<div class="bar bar-subheader">
<div class="searchBox primaryColor-bg">
<div class="ionicons">
<i class="ion-camera"></i>
<span>|</span>
<i class="ion-search"></i>
</div>
<input type="text" name="" placeholder="{{'TITLES.SEARCH_PLACEHOLDER'|translate}}" value="">
</div>
</div>
</ion-nav-bar>
<ion-nav-view name="menuContent" >
</ion-nav-view>
</ion-side-menu-content>
</ion-side-menus>
任何帮助将不胜感激