Ionic V1 Side Menu内容奇怪的行为

时间:2017-09-11 21:46:49

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

我正在研究Ionic 1项目,该项目有两种语言阿拉伯语,即RTL和英语,即LTR。

我添加了两个菜单来处理这个问题,一个用于side="right"用于阿拉伯语,另一个用side="left"用于处理英语

开始时每件事情都很好,但是当我改变语言时,侧面菜单内容可以向左和向右拖动!

只有在显示左侧菜单时才能向左拖动,只有在显示右侧菜单时才向右拖动

试验

我尝试使用drag-content='false' [禁用两个方向]。

我试图在ionic-side-menus-content上添加事件监听器,以检查方向是否已经离开,这样我就可以preventDefaultreturn false; [没有工作]

这是问题的截图。

接受的指示

Accepted Direction

行为错误

Wrong behaviour

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>

任何帮助将不胜感激

0 个答案:

没有答案