Ionic 3 Sidemenu向左,向右和向右打开相同的菜单

时间:2019-01-17 20:12:02

标签: ionic3

我要在我的应用程序中创建2个侧面菜单,然后向左和向右分配其打开的相同菜单。当我尝试像这个menuToggle =“ right”这样菜单图标不显示时,我只需要在右侧菜单中显示一些列表即可。我只想从右侧菜单中打开新的侧面菜单,即可在其中显示列表。

 <ion-menu id="menu" side="left" [content]="mycontent" [enabled]="showSidebar" [swipeEnabled]="showSidebar"
  style="font-family: 'Montserrat', sans-serif;">
   <ion-content class="content" style="margin-top:30px">

       <ion-list>
           <hr>

         <ion-list-header text-center *ngIf="uid === null">
           Gumme
         </ion-list-header>
         <ion-item class="menu_item" class="hoverx" (click)="goHome()">
             <ion-icon name="home" class="iconx"></ion-icon>
             <p class="hhm">Home</p>
           </ion-item>

         <ion-item  *ngIf="uid === null" class="menu_item" class="hoverx" (click)="goSaved()">
           <ion-icon name="star"></ion-icon>
           Saved Deals
         </ion-item>
         <ion-item  *ngIf="uid === null" class="menu_item" class="hoverx" (click)="goSettings()">
           <ion-icon name="md-settings"></ion-icon>
           Settings
           </ion-item>
           <ion-item  class="menu_item" class="hoverx" (click)="goLogin()">
             <ion-icon name="md-person"></ion-icon>
             LOGIN
             </ion-item>
           <ion-item   *ngIf="uid === null" class="menu_item" class="hoverx" (click)="goProfile()">
               <ion-icon name="md-person"></ion-icon>
               Profile
               </ion-item>
               <ion-item  *ngIf="uid === null" class="menu_item" class="hoverx" (click)="logout()">
                   <ion-icon name="power"></ion-icon>
         Logout
                   </ion-item>
       </ion-list>
   </ion-content>
</ion-menu>

<ion-menu side="right" [content]="content">
<ion-list> h1231</ion-list>
</ion-menu>

<ion-nav #mycontent [root]="rootPage" style="font-family: 'Montserrat', sans-serif;"></ion-nav>

.html

 <ion-navbar color="primary">
      <button ion-button icon-only menuToggle left>
          <ion-icon name="menu" style="color:white"></ion-icon>
        </button>
    <ion-title>Home</ion-title>

          <button ion-button icon-only menuToggle right >
          <ion-icon name="menu" style="color:white"></ion-icon>
        </button>
  </ion-navbar>

0 个答案:

没有答案