ionic 2 header 不显示侧边菜单 "bars"
ionic 2 header doesn't show side menu "bars"
我在我正在开发的 ionic 2 应用程序中添加了一个侧边菜单,修改了 ionic 提供的 "super" 模板。我在 app.html 中添加了以下代码:
<ion-menu [content]="content">
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<button ion-item *ngFor="let p of pages" (click)="openPage(p)">
{{p.title}}
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
如果我向左滑动菜单会正确显示,但问题是,在 header 页中,我看不到打开菜单的三个栏:
根据文档,似乎只需将此代码添加到 html 即可使三个栏出现,但它对我不起作用。我是否必须更改所有页面的 header 中的某些内容?我不知道,也许超级模板本身覆盖了页面 header 中的某些内容,因此不显示栏?
您可以尝试添加 button
和 icon
。
像这样:
<ion-header>
<ion-navbar>
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Menu</ion-title>
</ion-navbar>
</ion-header>
我在我正在开发的 ionic 2 应用程序中添加了一个侧边菜单,修改了 ionic 提供的 "super" 模板。我在 app.html 中添加了以下代码:
<ion-menu [content]="content">
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<button ion-item *ngFor="let p of pages" (click)="openPage(p)">
{{p.title}}
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
如果我向左滑动菜单会正确显示,但问题是,在 header 页中,我看不到打开菜单的三个栏:
根据文档,似乎只需将此代码添加到 html 即可使三个栏出现,但它对我不起作用。我是否必须更改所有页面的 header 中的某些内容?我不知道,也许超级模板本身覆盖了页面 header 中的某些内容,因此不显示栏?
您可以尝试添加 button
和 icon
。
像这样:
<ion-header>
<ion-navbar>
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Menu</ion-title>
</ion-navbar>
</ion-header>