如何在 ionic v4 中同时包含左侧和右侧菜单？答案

【问题标题】：How do I include both a left and right sidemenu in ionic v4?如何在 ionic v4 中同时包含左侧和右侧菜单？
【发布时间】：2019-10-02 13:43:18
【问题描述】：

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

【问题讨论】：

你可以添加一些你尝试过的代码

标签： ionic4 right-to-left left-to-right

【解决方案1】：

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

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

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

【讨论】：