ionic 2 标题不显示侧边菜单“栏”

Posted 2023-03-22

【中文标题】ionic 2 标题不显示侧边菜单“栏”

【英文标题】：ionic 2 header doesn't show side menu "bars"

【发布时间】：2017-06-09 14:25:53

【问题描述】：

我在我正在开发的 ionic 2 应用程序中添加了一个侧边菜单，修改了 ionic 给出的“超级”模板。我在 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>

如果我向左滑动菜单显示正确，但问题是，在页面标题中，我看不到打开菜单的三个栏：

从文档看来，只需将此代码添加到 html 中就会出现三个栏，但这对我不起作用。我是否必须更改所有页面的标题中的某些内容？不知道，是不是超级模板本身覆盖了页眉的东西，所以不显示bar？

【参考方案1】：

您可以尝试添加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>