【问题标题】:Ionic 3: Menutoggle keeps getting hiddenIonic 3:Menutoggle 不断隐藏
【发布时间】:2018-10-08 15:22:16
【问题描述】:

我在 Ionic 3 中实现了一个汉堡菜单,但我遇到了一个问题。当我在我的 Android 设备上运行应用程序时,汉堡菜单不断消失,即打开侧面菜单的按钮消失了。然而,它只是偶尔发生。我尝试在使用 Google Chrome 检查时运行该应用程序,但我注意到 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>

【问题讨论】:

  • 你有什么解决办法吗?
  • 不,我还没有找到解决方案:(
  • 这里也一样。有没有人找到合适的解决方案?请注意,这只发生在自动后退按钮出现时。

标签: angular ionic-framework ionic3 hamburger-menu


【解决方案1】:

我遇到了类似的菜单切换问题。

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

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

【讨论】:

  • 这可能有效,但它不是最好的解决方案。你有没有找到任何官方的?
  • 不。我还没有找到任何官方的。
猜你喜欢
  • 1970-01-01
  • 2023-03-21
  • 2018-02-27
  • 2019-02-23
  • 2017-11-18
  • 2019-06-30
  • 1970-01-01
  • 2019-08-20
  • 2020-06-06
相关资源
最近更新 更多