Ionic framework Ionic 3拆分窗格菜单切换未显示
我创建了我的Ionic应用程序,该应用程序运行良好。 但我遇到了一些冲突 拆分窗格显示在大屏幕中,但切换菜单按钮不显示在小屏幕中。和交换时,然后在菜单显示后。 有人知道如何在小型设备上解决这个问题吗 看看我的代码 代码部分 app.htmlIonic framework Ionic 3拆分窗格菜单切换未显示,ionic-framework,ionic3,splitpane,Ionic Framework,Ionic3,Splitpane,我创建了我的Ionic应用程序,该应用程序运行良好。 但我遇到了一些冲突 拆分窗格显示在大屏幕中,但切换菜单按钮不显示在小屏幕中。和交换时,然后在菜单显示后。 有人知道如何在小型设备上解决这个问题吗 看看我的代码 代码部分 app.html <ion-split-pane> <ion-menu [content]="someContent"> <ion-header> <ion-toolbar> <
<ion-split-pane>
<ion-menu [content]="someContent">
<ion-header>
<ion-toolbar>
<ion-title>
Menu
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item (click)="setCategory('nature')">
<ion-avatar item-left>
</ion-avatar>
<h3>Home</h3>
</ion-item>
<ion-item (click)="setCategory('food')">
<ion-avatar item-left>
</ion-avatar>
<h3>Categories</h3>
</ion-item>
<ion-item (click)="setCategory('people')">
<ion-avatar item-left>
</ion-avatar>
<h3>Get One</h3>
</ion-item>
<ion-item (click)="setCategory('people')">
<ion-avatar item-left>
</ion-avatar>
<h3>Settings</h3>
</ion-item>
<ion-item (click)="setCategory('people')">
<ion-avatar item-left>
</ion-avatar>
<h3>My Partner</h3>
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #someContent main></ion-nav>
</ion-split-pane>
菜单
家
类别
得到一个
设置
我的搭档
您忘记在页眉中添加菜单切换按钮,如下所示:
<ion-header>
<ion-navbar>
<!-- Add this button in the pages you want to show the menu button -->
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>
About
</ion-title>
</ion-navbar>
</ion-header>
关于
这样,当显示窗格时,不会显示菜单按钮,但在较小的屏幕中,当窗格隐藏时,会显示按钮