ionic2のサイドメニューを右から表示させるには

2016年12月16日

  1. TOP
  2. BLOG
  3. ionic2
  4. ionic2のサイドメニューを右から表示させるには

サイドメニュー(ion-menu)はデフォルトでは左から出ますが右から出したい場合は以下のようにion-menuにside=”right”を追加します

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

  <ion-content>
    <ion-list>
      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
        {{p.title}}
      </button>
    </ion-list>
  </ion-content>

</ion-menu>

参考: Menu – Ionic API Documentation