ionic4 - 如何在 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>