Не удается увидеть значок бокового меню в Ionic 3 даже после того, как меню активировано с помощью MenuController

Question

Я хотел бы отобразить значок sidemenu на моей странице Home.Пользователь переходит на эту страницу Home со страницы Add-Contract.

Проблема в том, что я включил sidemenu в home.ts, используя this.menu.enable(true);, но значок sidemenu все еще не виден,Тем не менее, я все еще могу провести и увидеть меню.

Пожалуйста, руководство.

home.ts

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController, private menu: MenuController) {
    this.menu.enable(true);
  }

  accountSettings() {
    this.navCtrl.push(AccountSettingsPage);
  }

  logout() {
    this.navCtrl.push(LoginPage);
  }

}

home.html

<ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Home</ion-title>
    <ion-buttons end>
      <button (click)="accountSettings()" icon-only ion-button>
        <ion-icon name="settings"></ion-icon>
      </button>
      <button (click)="logout()" icon-only ion-button>
        <ion-icon name="log-out"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
 //some more code here
</ion-content-padding>

add-contract.ts (эта страница переносит пользователя на домашнюю страницу)

@IonicPage()
@Component({
  selector: 'page-add-contract',
  templateUrl: 'add-contract.html',
})
export class AddContractPage {

   constructor(private formBuilder: FormBuilder, private navCtrl: NavController, private menu: MenuController) {
    this.menu.enable(false);
   }

   ionViewDidEnter() {
      this.menu.swipeEnable(false);
   }

   ionViewDidLeave() {
     this.menu.swipeEnable(true);
     this.menu.enable(true);
   }

   //takes the user to Home page
   addContract(val: any) {
      this.navCtrl.push(HomePage);
   }
}

Answer 1

Вам нужно добавить ion-menu в app.html , как показано ниже.Затем вы можете увидеть значок переключения меню.

<ion-menu type="overlay" [content]="content">
</ion-menu>

См. Мое решение stackblitz