离子3:Menutoggle不断隐藏 [英] Ionic 3: Menutoggle keeps getting hidden

问题描述

我已经在Ionic 3中实现了一个汉堡菜单，但是我面临一个问题.当我在Android设备上运行该应用程序时，hamburgermenu不断消失，即打开侧边菜单的按钮不见了.但是，它有时仅会发生.我尝试在使用Google Chrome浏览器检查应用程序时运行该应用程序，但我发现菜单切换由于某种原因被隐藏了，但我不知道为什么.我无法控制.ts类中的可见性.

I have implemented a hamburgermenu in Ionic 3, but I am facing an issue. When I run the application on my Android device the hamburgermenu keeps disappearing i.e. the button to open the side menu is gone. However, it only happens sometimes. I tried to run the application while inspecting it with Google Chrome, and what I noticed is that the menutoggle gets hidden for some reason, but I don't know why. I don't control the visibility in the .ts class.

<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>

推荐答案

菜单切换类似问题.

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

I added below code for my page.

标头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;
}

这篇关于离子3:Menutoggle不断隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！