I’ve used the ionic menu in my app–which in the first place, didn’t swipe–so I’ve read some of the documentation of Ionic and saw, that they added an attribute
main to the
This also just works if the menu is not encapsulated into it’s own component. I have to write it down among the router-outlet in the app.component.html
What makes me curious is, that this property “main” on the router-outlet component is not documented at all. At least I didn’t find it. https://ionicframework.com/docs/api/router-outlet
Also, here is the example, where the property has been used: https://ionicframework.com/docs/api/menu (which looks like this:
Last but not least I want to apologize if I overlooked something–this is my first Ionic app ever-- and I want to thank anybody who helps me solving this problem
EDIT: It’s not worthy at all but I forgot to post my menu code. It’s really nothing special and almost 1:1 copied.
<ion-menu menuId="sideMenu" swipeGesture="true"> <ion-header> <ion-toolbar color="primary"> <ion-button slot="start"> <img alt="logo" src="../../assets/logo.svg"> </ion-button> <ion-title> app name </ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-list> <ion-item>Attack</ion-item> <ion-item>Defence</ion-item> <ion-item>Feedback</ion-item> </ion-list> </ion-content> </ion-menu>