How to switch from side menu to tab


#1

I have some of the page with side menu and some of them with footer tab .
i have create two abstract state …one for side menu and one for tab but when i try to navigate from side menu to tab its breaking header.
how to navigate from #/app/page1 to #/tab/ Page 2

.state('app', {
    url: "/app",
    abstract: true,
    templateUrl: "templates/menu.html",
    controller: 'AppCtrl'
  })

  .state('tab', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tab.html",
    controller: 'TabCtrl'
  })

#2

You should define which view will the nested state pops in.

If no view is indicated, it will find for nameless state in the current nested level, at least put a “@” for a root view nameless search. If you don’t know what I am saying, have a look at ui-router state definition. UI-Router