How to define side Side menu for each page


#1

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 http://plnkr.co/edit/SJZZkb1dudpDlv2DUbZd?p=info


#2

See this CodePen sample : http://codepen.io/calendee/pen/bBcDm

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('app.search', {
    url: "/search",
    views: {
        'appContent' :{
            templateUrl: "search.html"
        },
        'menuList': {
            templateUrl : "menuSearch.html"
        }
    }
})

Issues while working with tabs and sidemenus
#3

Thanks, that was very helpful