app.component.html

<ion-app>
    <ion-split-pane contentId="main-content">
      <ion-menu class="left-menu" #leftMenu menuId="left-menu" contentId="main-content" type="overlay" disabled (ionDidOpen)="showLeftContent=true"
      (ionDidClose)="showLeftContent=false">
        <app-sidebar *ngIf="allowedRoute()" style="display: contents;"></app-sidebar>
        <div id="leftContent" style="display: contents;"></div>
      </ion-menu>
      <ion-router-outlet id="main-content"></ion-router-outlet>
      <ion-menu [ngClass]="[!signaturesService.mobileMode ? 'right-menu' : 'right-menu-responsive']" #rightMenu menuId="right-menu" contentId="main-content" side="end" type="overlay" disabled (ionDidOpen)="showRightContent=true"
      (ionDidClose)="showRightContent=false">
          <div id="rightContent" style="display: contents;"></div>
      </ion-menu>
    </ion-split-pane>
  </ion-app>
  <app-dev-tool *ngIf="debugMode && authService.isAuth()"></app-dev-tool>