How to get a back arrow for a child view and even show the side menu button?


#1

I have a side menu where are all of the main navigation takes place.

One item in the menu, the playlist view, has this representing its state:

.state('menu.playlist', {
  url: '/playlist',
  views: {
    'main': 
      templateUrl: 'templates/playlist.html',
      controller: 'PlaylistController'
    }
}

When a user clicks on the playlist from the side menu, the user is transitioned to the playlist view just fine. Everything looks good, you can see the menu icon. When they click on a <div> representing a song, they are given a view without a back arrow nor a menu icon.

How do you include a back arrow for a child view that is like this? And, if at all possible, how do you include the menu button in the view as well?


#2

Hi @mza,

You can use the attribute enable-menu-with-back-views within your ion-side-menus:

...
<ion-side-menus enable-menu-with-back-views="true">
...

Have a look at this. Click on the playlist items to see it working.