Я использую ionic4 / angular4.Я создал боковое меню, используя .so, все меню HTML находится в app.component.html, и я обращаюсь к нему только на одной странице, но не знаю, почему меню отображается на каждой странице, когда ширина устройства превышает 990 пикселей.
вывод верен до тех пор, пока это устройство не будет
для больших устройств это выглядит так, но не должнобыть таким, и оно также появляется на каждой странице, но мне нужно это меню только на одной странице
app.component.html
<ion-app>
<ion-split-pane>
<ion-menu side="end" size=small>
<ion-header>
<ion-toolbar color=primary>
<ion-title style="font-size:15px;font-family: DINPro-Bold;color:#FFBF00">
Menu
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list style="font-size:5px">
<ion-menu-toggle auto-hide="false">
<ion-item lines="none" routerLink="/profileedit">
<ion-img src="../../assets/main_profile/edit.svg" slot="start"></ion-img>
<ion-label style="font-family: DINPro-Bold;font-size:12px">Edit Account</ion-label>
</ion-item>
</ion-menu-toggle>
<ion-menu-toggle auto-hide="false">
<ion-item lines="none" routerLink="/profile">
<ion-img src="../../assets/main_profile/tnc.svg" slot="start"></ion-img>
<ion-label style="font-family: DINPro-Bold;font-size:12px">T&C</ion-label>
</ion-item>
</ion-menu-toggle>
<ion-menu-toggle auto-hide="false">
<ion-item lines="none" routerLink="/privacy">
<ion-img src="../../assets/main_profile/policy.svg" slot="start"></ion-img>
<ion-label style="font-family: DINPro-Bold;font-size:12px">Privacy Policy</ion-label>
</ion-item>
</ion-menu-toggle>
</ion-list>
</ion-content>
</ion-menu>
<ion-router-outlet main></ion-router-outlet>
</ion-split-pane>
</ion-app>
menu.page.html
<ion-menu-button class="ion-float-right"></ion-menu-button>