将 ion-menu 图标放在 header 的右侧

Question

我目前正在使用 ionic 侧边菜单模板，它对我来说工作正常，我将侧边菜单从右侧滑动，这对我来说也是一件好事，但问题是，菜单图标是尽管菜单是从右侧推动的，但左侧放置在左侧就足够了。是否有任何解决方案可以将图标也放在 header 的右侧？

<ion-menu [content]="content" type="reveal" side="right" menuToggle="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>

<!-- 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>

Answer 1

在您要显示菜单的页面中，您可以在按钮标签中放置“end”，它会将您的菜单放置在右侧。

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle end>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

将 ion-menu 图标放在 header 的右侧

Place ion-menu icon to the right side of the header

html

ionic-framework

ionic2