ионное меню: меню не работает после navctrl.push ()

Question

У меня есть 2 страницы в моем ионном приложении. Я использовал меню на странице своего профиля, но когда я вышел из страницы профиля снова войти в систему, это не работает?

код:

<ion-menu id="mymenu" class="sproglets_menu" [content]="mycontent">
<ion-content style="text-align: center; background-image: url('assets/imgs/bkgnd.png');">
  <ion-list>
    <ion-navbar color="primary">
      <div class="row">
        <ion-title>profile</ion-title>
        <button ion-button menuClose>X</button>
      </div>
    </ion-navbar>
    <br>
    <div class="mainbody">
      <button ion-button full (click)="create()">Access Logs</button>
      <button ion-button full (click)="logout()">Logout</button>
    </div>
  </ion-list>
</ion-content>
</ion-menu>

кнопка открытия меню:

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

Answer 1

Добавьте код в файл app.html:

<ion-menu id="mymenu" class="sproglets_menu" [content]="mycontent">
<ion-content style="text-align: center; background-image: url('assets/imgs/bkgnd.png');">
  <ion-list>
    <ion-navbar color="primary">
      <div class="row">
        <ion-title>profile</ion-title>
        <button ion-button menuClose>X</button>
      </div>
    </ion-navbar>
    <br>
    <div class="mainbody">
      <button ion-button full (click)="create()">Access Logs</button>
      <button ion-button full (click)="logout()">Logout</button>
    </div>
  </ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #mycontent></ion-nav>

Добавить кнопку на страницу профиля:

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

Вы можете использовать две функции для открытия и закрытия меню:

 openMenu() {
    this.menuCtrl.open();
  }

  closeMenu() {
    this.menuCtrl.close();
  }