title: Back Navigation Button not showing
body: <p>I'm new to Ionic / Angularjs and learning to use it.</p>
  
  <p>I'm fetching menu links from server and on clicking, it goes to detail page but Back button not showing. It is working in Tab Menu example from ionic. 
  Also when i click browser Back Button, it shows on Homepage (I don't think it should show?)
  Could anyone tell me what's wrong?</p>
  
  <p>Codes are as below: </p>
  
  <p>Controller.js</p>
  
  <pre><code>angular.module('GAC.controllers', [])
  
  .controller('AppCtrl', function($scope, pagesService) {
      //GET PAGE LIST
      pagesService.fetchFromServer().then( function(list){
          $scope.pageList = list; 
      });
  
  })
  .controller('PageCtrl', function($scope, $stateParams, pagesService) {
      if(!isNaN(parseInt($stateParams.pageId))){
          pagesService.fetchById( $stateParams.pageId ).then(function(page){
              $scope.page = page; 
          }); 
      }else{
          alert('No Such Page'); // How to redirect to Homepage   
      }
  })
  .factory('pagesService', ['$http', function( $http ){
      var service = {};
      service.fetchFromServer = function( ){
          var promise = $http.jsonp('http://m.aboudcar.com/server/pages/?callback=JSON_CALLBACK')
                          .then( function(response ){
                              return response.data;   
                          })
          return promise;                         
      };
      service.fetchById = function( pageId ){
          var promise = $http.jsonp('http://m.aboudcar.com/server/pages/fetchbyid/'+pageId+'?callback=JSON_CALLBACK')
                          .then( function(response ){
                              return response.data;   
                          })
          return promise;                         
      };
  
      return service;
  }])
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>angular.module('GAC', ['ionic', 'GAC.controllers'])
  
  .run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
      if(window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      }
      if(window.StatusBar) {
        StatusBar.styleDefault();
      }
    });
  })
  
  .config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
  
      .state('app', {
        url: "/app",
        abstract: true,
        templateUrl: "templates/menu.html",
        controller: 'AppCtrl'
      })
  
      .state('app.cars', {
        url: "/cars",
        views: {
          'menuContent' :{
            templateUrl: "templates/cars.html",
            controller: 'CarsCtrl'
          }
        }
      })
  
      .state('app.single', {
        url: "/pages/:pageId",
        views: {
          'menuContent' :{
            templateUrl: "templates/page.html",
            controller: 'PageCtrl'
          }
        }
      });
    // if none of the above states are matched, use this as the fallback
    $urlRouterProvider.otherwise('/app/cars');
  });
  </code></pre>
  
  <p>Menu.html</p>
  
  <pre><code>&lt;ion-side-menus&gt;
    &lt;ion-side-menu-content&gt;
      &lt;ion-nav-bar class="bar-stable nav-title-slide-ios7"&gt;
        &lt;ion-nav-back-button class="button-clear"&gt;&lt;i class="icon ion-ios7-arrow-back"&gt;&lt;/i&gt; Back&lt;/ion-nav-back-button&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view name="menuContent" animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-side-menu-content&gt;
  
    &lt;ion-side-menu side="left"&gt;
      &lt;header class="bar bar-header bar-stable"&gt;
        &lt;h1 class="title"&gt;Menu&lt;/h1&gt;
      &lt;/header&gt;
      &lt;ion-content class="has-header"&gt;
        &lt;ion-list&gt;
        &lt;ion-item nav-clear menu-close ng-repeat="page in pageList" href="{{page.url}}"&gt;
            {{page.name}}
         &lt;/ion-item&gt;
        &lt;/ion-list&gt;
      &lt;/ion-content&gt;
    &lt;/ion-side-menu&gt;
  &lt;/ion-side-menus&gt;
  </code></pre>
  
  <p>Page.html</p>
  
  <pre><code>&lt;ion-view title="{{page.name}}"&gt;
    &lt;ion-content class="has-header"&gt;
      &lt;h1&gt;{{page.name}}&lt;/h1&gt;
      {{page.content}} 
    &lt;/ion-content&gt;
  &lt;/ion-view&gt; 
  </code></pre>