States declare own right side menu while left menu is always present


#1

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.