Как включить левое и правое боковое меню в ionic v4? - PullRequest
Новая
       49

Как включить левое и правое боковое меню в ionic v4?

0 голосов
/ 15 мая 2019

Я пытаюсь использовать одно меню для LTR и RTL, но проблема, с которой я сталкиваюсь, когда его RTL, то меню открывается с левой стороны, которая должна быть с правой стороны

1 Ответ

0 голосов
/ 15 мая 2019

Я не верю, что вы можете использовать одно меню как для 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>
...