当我setroot页面时,我的菜单按钮隐藏在ionic 3中

时间:2019-04-11 05:44:30

标签: html html5 ionic-framework ionic3

当我在菜单中单击主页时,会使用[this.navCtrl.setRoot(homepage);]。 在该页面中,它不显示菜单按钮。

actullay这是我的主页:

enter image description here

当我为主页设置setroot时,它显示如下

enter image description here

标题中的HTML代码:

<button ion-button menuToggle style="margin-top: 10px;" >
      <ion-icon name="menu" style="color: white;"></ion-icon>
   </button>

菜单代码:

<ion-menu [content]="mycontent" type="overlay"> <ion-content>
    <ion-list class="nobottomborder"> 

        <ion-item  (click)="dashboard()">
            <ion-icon ios="ios-home" md="md-home" class="sidebaricon"></ion-icon>
           Home
        </ion-item>

      <ion-item (click)="addcart()">
          <ion-icon ios="ios-cart" md="md-cart" class="sidebaricon"></ion-icon>
         My Cart
      </ion-item>
      <ion-item (click)="orders()">
          <ion-icon ios="ios-list-box" md="md-list-box" class="sidebaricon"></ion-icon>
         My Orders
      </ion-item>
      <ion-item (click)="logout()">
          <ion-icon ios="ios-exit" md="md-exit" class="sidebaricon"></ion-icon>
        Logout 
      </ion-item>
      <ion-item class="powered">
        Powered by
        <ion-row>
        <img src="assets/imgs/logo.png" alt="logo">
      </ion-row>
      </ion-item>

      </ion-list> </ion-content> 
    </ion-menu>

1 个答案:

答案 0 :(得分:0)

我添加了如下内容,并且效果很好(我的首页根目录开头是这样的:

首页:     

  <ion-navbar>
    <button menuToggle ion-button>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>

</ion-header>