My left side menu needs to persists across all states, but each state can optionally have a right side menu with whatever content that state chooses. The following approach is intuitive, but doesn’t work because the right side-menu is nested in the ion-nav-view
instead of being a direct child of ion-side-menus
.
ion-side-menus
ion-side-menu-content
ion-nav-view // states want to include their own right side menu
ion-side-menu(side="left")
main-nav
// some-state.jade
some-directive
ion-side-menu(side="right") // side menu is broken because it's nested
If the right side menu is a direct child of ion-nav-view
, is there a way for a state to decide what content is in it?
ion-side-menus
ion-side-menu-content
ion-nav-view
ion-side-menu(side="right")
// side menu content here according to current state...
ion-side-menu(side="left")
main-nav
This, but I had to use ui-view
instead of ion-nav-view
. That’s a problem already, and it comes with another problem - if you navigate to another state that shouldn’t have a right menu, you can still swipe over to an empty side menu.