angular - ionic 侧面菜单未显示？

Question

在登录页面后的 ionic 应用程序中，我使用了侧边菜单。登录后侧边菜单正确显示，但如果我注销并且没有刷新登录页面，侧边菜单不显示但菜单按钮可见。

按钮:

 <ion-buttons start>
    <button ion-button icon-only menuToggle>
        <ion-icon name="menu"></ion-icon>
    </button>
 </ion-buttons>

菜单代码:

<ion-menu>
    <ion-content>
      <ion-list>
        <ion-navbar color="primary">
          <div class="row">
            <ion-title>HBLOAD</ion-title>
            <button ion-button menuClose>X</button>
          </div>
        </ion-navbar>
        <br>
        <div class="mainbody">
          <button ion-button full (click)="profile()">Profile</button>
          <button ion-button full (click)="changepin()">Change Pin</button>
          <button ion-button full (click)="changepassword()">Change Password</button>
          <button ion-button full (click)="accesslogs()">Access Logs</button>
          <button ion-button full (click)="logout()">Logout</button>
        </div>
      </ion-list>
    </ion-content>
    </ion-menu>

Answer 1

您应该在 app.html 中编写侧边菜单的代码文件。

和

定义[content] <ion-menu> 中的属性

示例:

<ion-menu [content]="content">
  <ion-header>
    <ion-toolbar>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content class="nav">

  </ion-content>

</ion-menu>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>