How to define side Side menu for each page


Hello All, I created a simple app where I different pages. My side menu is different based on the page selected. Here is my code where I created “menu.html” and I need to load only in one page.

Can you explain how to do this?

Here is my code


See this CodePen sample :

Every view has it’s own side menu. This was done by adding an ion-nav-view in the side menu and then having each state decide which template to use for the main app content and the side menu.

.state('', {
    url: "/search",
    views: {
        'appContent' :{
            templateUrl: "search.html"
        'menuList': {
            templateUrl : "menuSearch.html"

Issues while working with tabs and sidemenus

Thanks, that was very helpful