Слайд-меню нажимает на страницу и не перебирает страницу

Question

Я не знаю, почему мое боковое меню толкает страницу на бок и не перебирает страницу.

Спасибо за вашу помощь

Маршрут menu.module.ts и отображение страницы.Страница меню является родительской для страницы a и создается только для создания бокового меню.

menu.html

<!-- Slide Menu -->
<ion-split-pane>
  <ion-menu contentId="content" slide="start">

    <ion-header>
      <ion-toolbar color="primary">
        <ion-title>Menu</ion-title>
      </ion-toolbar>
    </ion-header>
      <ion-content>
        <ion-list>
          <ion-menu-toggle auto-hide="false">
            <ion-item>
              <ion-icon name="create" color="primary" slot="start"></ion-icon>
              <ion-label (click)="onLaunchModal()">
                Edit
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>
      </ion-content>

  </ion-menu>

  <ion-router-outlet id="content" main></ion-router-outlet>

</ion-split-pane>

menu.modules.ts

const routes: Routes = [
  {
    path: 'displayPage',
    component: InfoMenuPage,
    children: [
      {
        path: 'aPage',
        loadChildren: '../../pages/apage/apage.module#ApagePageModule'
      },
    ]
  },
  {
    path: '',
    redirectTo: 'displayPage/aPage',
    pathMatch: 'full'
  }
];

aPage.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>A Page</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

          Some Code

</ion-content>

Answer 1

Вы можете использовать свойство type для установки наложения меню:

пример:

<ion-split-pane>
  <ion-menu contentId="content" slide="start" type="overlay">
    ...
    ...
  </ion-menu>
</ion-split-pane>

Вот документация .