如何在 ionic v4 中包含左右侧边菜单？

Question

我正在尝试对 LTR 和 RTL 使用单个菜单，但是当它的 RTL 然后菜单从左侧打开时我面临的问题应该是从右侧

Answer 1

我认为您不能对 RTL 和 LTR 滑动行为使用一个菜单。相反，您可以使用一种服务，该服务会使用 *ngIf=let link of links" 填充菜单信息，然后在应用程序的任一侧都有一个菜单，订阅该服务中提供的链接。

属性 side="end" 或 side="start" 控制菜单将出现在应用程序的哪一侧，因此如果您想从屏幕右侧滑动，您可以使用 slide="end" 在你的 ion-menu.

<ion-menu side="end" contentId="mainContent" menuId="slidingMenu" id="slidingMenu">
  <ion-header>
    <ion-toolbar>
      <ion-title>{{(menu?.details | async)?.title}}</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item class="item-mute">
        <ion-label>Mute</ion-label>
        <ion-toggle></ion-toggle>
      </ion-item>
      <ion-item *ngFor="let link of (menu?.details | async)?.links" detail
                (click)="navToPage(link)">{{link?.title}}</ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

如何在 ionic v4 中包含左右侧边菜单？

How do I include both a left and right sidemenu in ionic v4?

right-to-left

left-to-right

ionic4