Ionic 3:Menutoggle 不断隐藏 [英] Ionic 3: Menutoggle keeps getting hidden
问题描述
我在 Ionic 3 中实现了一个汉堡菜单,但我遇到了一个问题.当我在我的 Android 设备上运行应用程序时,汉堡菜单不断消失,即打开侧面菜单的按钮消失了.然而,它只是偶尔发生.我尝试在使用 Google Chrome 检查时运行该应用程序,但我注意到 menutoggle 出于某种原因被隐藏了,但我不知道为什么.我不控制 .ts 类中的可见性.
<ion-header><离子导航栏><按钮离子按钮菜单切换>//这变成<button ion-button menuToggle hidden>"<ion-icon name="menu"></ion-icon></按钮><ion-title>首页</ion-title></离子导航栏></div></离子头> 解决方案 我遇到了类似的菜单切换问题.
我为我的页面添加了以下代码.
标头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></按钮></离子按钮><ion-title>密码重置</ion-title></离子导航栏></离子头>
标题css代码:
.menu {显示:块!重要;}
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 am having similar issue for menu toggle.
I added below code for my page.
Header html code:
<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>
Header css code:
.menu {
display: block !important;
}
这篇关于Ionic 3:Menutoggle 不断隐藏的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文