离子3:Menutoggle一直隐藏着

时间:2018-04-27 18:20:46

标签: angular ionic-framework ionic3 hamburger-menu

我在Ionic 3中实施了一个汉堡包,但我遇到了一个问题。当我在我的Android设备上运行应用程序时,hamburgermenu一直在消失,即打开侧面菜单的按钮消失了。但是,它有时只会发生。我试图在用谷歌浏览器检查应用程序的同时运行该应用程序,我注意到的是,由于某些原因,menutoggle被隐藏了,但我不知道为什么。我无法控制.ts类中的可见性。

<ion-header>
  <div>
    <ion-navbar>
      <button ion-button menuToggle> // this becomes "<button ion-button menuToggle hidden>"
        <ion-icon name="menu"></ion-icon>
      </button>
      <ion-title>Frontpage</ion-title>
    </ion-navbar>
  </div>
</ion-header>

1 个答案:

答案 0 :(得分:3)

菜单切换类似问题。

我为页面添加了以下代码。

标头html代码:

<ion-header>
 <ion-navbar text-center color="navBar">
  <ion-buttons right>
   <button class="menu" ion-button menuToggle="right" icon-only>
    <ion-icon name="menu"></ion-icon>
   </button>
  </ion-buttons>
  <ion-title>Password Reset</ion-title>
 </ion-navbar>
</ion-header>

标题CSS代码:

.menu {
    display: block !important;
}