Why navigation inside <ion-side-menu> is not tracked by <ion-nav-view>?

As Ionic Framework Doc explain, navigation inside <ion-nav-view> will be tracked so that <ion-nav-buttons> and <ion-nav-buttons> in <ion-nav-bar> will work properly to show if backward or hamburger button should be shown.

The following codes shows the starter template of Ionic Framework. I wonder why the navigation inside <ion-side-menu> is not tracked by the <ion-nav-view>


<!DOCTYPE html>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <script src="js/platformOverrides.js"></script>
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="cordova.js"></script>

    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>

  <body ng-app="starter">


<ion-side-menus enable-menu-with-back-views="false">
    <ion-nav-bar class="bar-stable">

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
    <ion-nav-view name="menuContent"></ion-nav-view>

  <ion-side-menu side="left">
        <ion-item menu-close href="#/app/search">
        <ion-item menu-close href="#/app/browse">
        <ion-item menu-close href="#/app/playlists">


<ion-view view-title="Playlists">
            <ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">


angular.module('starter', ['ionic', 'starter.controllers'])

.config(function($stateProvider, $urlRouterProvider) {

    .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    .state('app.playlists', {
      url: '/playlists',
      views: {
        'menuContent': {
          templateUrl: 'templates/playlists.html'
  // if none of the above states are matched, use this as the fallback

My question is why the <ion-nav-view> in menu.html is not tracking my navigation (no backward history) when I am clicking on <ion-item> in menu.html. However, the navigation is being tracked when I click on <ion-item> in playlists.html.

  1. May I know when will the <ion-nav-view> tracks navigation?
  2. One more question, why the navigation is tracked by <ion-nav-view> in menu.html but not the one in index.html?

Apologize for my bad english and messy organization. Thanks in advance.

Your router only has the playlists route there…shouldn’t the other routes be there too…?

Other than that it seems like it should work just fine.

@rloui You mean the router in platlists.html?