Building a side menu with Ionic isn’t challenging, but once you need multiple levels inside a menu you need to get creative.

In a previous example for a side menu with sub items we used a logic with *ngIf to show and hide different levels much like inside an accordion. But sometimes you might want to push a completely new page inside the menu, and that’s when you need to use the ion-nav component.

In our example we will build an app that allows navigation inside the menu of our side menu template and opening the main content from each of those multi level pages!