2015-02-10 2 views
2

В моем приложении Ionic у меня есть два меню слева и справа. Я хочу деактивировать «салфетки для открытия меню» в правом меню, но не слева.Ионное отключение в правом меню, но не в левом меню

Вот упрощенная версия моего кода:

<body ng-app="myapp" ng-controller="MainCtrl"> 
 

 
    <ion-side-menus> 
 
     <!-- Left menu --> 
 
     <ion-side-menu side="left"> 
 
      <ion-list> 
 
       <ion-item href="#/detail"><i class="icon ion-heart"></i>&nbsp; Rate App</ion-item> 
 
       <ion-item href="#/detail"><i class="icon ion-share"></i>&nbsp; Share App</ion-item> 
 
       <ion-item href="#/detail"><i class="icon ion-more"></i>&nbsp; More Apps</ion-item> 
 
       <ion-item href="#/detail"><i class="icon ion-android-mail"></i>&nbsp; Contact</ion-item> 
 
      </ion-list> 
 
     </ion-side-menu> 
 

 
     <!-- Center content --> 
 
     <ion-side-menu-content> 
 
      <ion-header-bar class="bar-positive"> 
 
       <button class="button button-icon" menu-toggle="left"> 
 
        <i class="icon ion-navicon"></i> 
 
       </button> 
 
       <h1 class="title">Title</h1> 
 
       <button class="button button-dark" menu-toggle="right"> 
 
        <i class="ion-android-download"></i> Download App 
 
       </button> 
 
      </ion-header-bar> 
 
      <ion-content> 
 
       <!-- Main content --> 
 
      </ion-content> 
 
     </ion-side-menu-content>   
 

 
     <!-- Right menu --> 
 
     <ion-side-menu side="right"> 
 
      <ion-pane class="right"> 
 
       <p>Some content in the right menu</p> 
 
      </ion-pane> 
 
     </ion-side-menu> 
 

 
    </ion-side-menus> 
 

 
</body>

+1

У меня такая же проблема. Вы нашли решение еще? –

ответ

-1

Это не правильное решение, но это немного исправляет :) Это будет возвращать содержимое обратно в начальную точку , Для другой стороны используйте 275 вместо -275 в сравнении значение матрицы css.

$rootScope.$watch(function(){ 
    return $("ion-side-menu-content").css("transform"); 
}, function(css) { 
    if(css == "matrix(1, 0, 0, 1, -275, 0)") { 
     $("ion-side-menu-content").css("transform", "translate3d(0px 0px 0px)"); 
     $("ion-side-menu-content").css("-webkit-transform", "translate3d(0px 0px 0px)"); 
     $("ion-side-menu-content").css("-ms-transform", "translate3d(0px 0px 0px)"); 
    } 
}); 
+0

Это не трюк. –

Смежные вопросы