如何在离子的当前页面上重叠侧面菜单？

Question

默认情况下,单击侧面菜单按钮时,离子侧面菜单会按下当前页面.但我需要在大多数应用程序中重叠当前页面上的侧边菜单.怎么做？我应该在哪里更改代码？只需考虑离子的默认侧面菜单模板.

   <ion-side-menus enable-menu-with-back-views="false">
     <ion-side-menu-content>
    <ion-nav-bar class="bar-positive bar-blue">
     <ion-nav-back-button></ion-nav-back-button>
  <ion-nav-buttons side="left">
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
      </ion-nav-buttons>
       <ion-nav-buttons side="right">
       <a menu-close href="#/app/playlists" class="cancelbutton">
          <button class="button button-icon button-clear " ng-hide=cancelflag>cancel</button>
         </a>
         </ion-nav-buttons>
       </ion-nav-bar>
        <ion-nav-view name="menuContent"animation="fade-in-out"></ion-nav-view>
         </ion-side-menu-content>

    <ion-side-menu side="left">
<ion-header-bar class="bar-positive bar-image sidemenu-header">
  <h1 class="title title-left">{{currentuser}}</h1>
</ion-header-bar>
<ion-content>
  <ion-list>
    <!-- <ion-item menu-close href="#/testing">
      testinglogin
    </ion-item> -->
            <ion-item menu-close href="#/app/home" ng-show=adminflag>
      <label class="item-input labelclearpadding">
        <i class="icon paddingicon"><img src="img/user.png" alt="" class="placeholder dateicon"/></i>
        all details
      </label>
    </ion-item>
  </ion-list>
  <ion-list>
               </ion-list>
   </ion-content>
  </ion-side-menu>
  </ion-side-menus>

Answer 1

我正在研究离子2,这对同样有用.
我也在寻找同样的问题 -
我在这里阅读了这份文件.
菜单类型解释非常清楚,添加type ="overlay"并完成我的任务

<ion-menu [content]="content" side="right" type="overlay">
   ................
     ...............
       lines of code goes here
     ...............
   ................

</ion-menu>

Where -
Side =>从右侧
类型切换=>在当前屏幕上显示菜单类型.

Answer 2

仅在Ionic Framework 2中本机可用，如下所述：http : //ionicframework.com/docs/v2/api/components/menu/Menu/。

菜单支持两种显示类型：叠加，显示和推送。叠加是传统的Material Design抽屉类型，而Reveal是传统的iOS类型。默认情况下，菜单将使用正确的平台类型，但是可以使用type属性覆盖：

<ion-menu type="overlay" [content]="mycontent">...</ion-menu>