title: Ionic: No back button when navigating away from tab view
body: <p>I cannot figure out how to get the back button to show when navigating away from a tabbed view to a single page view. The single page view shouldn't have the tab bar. I can make the back button appear when I make the view I'm navigating to part of the tab hierarchy, but that's not what I want.</p>
  
  <p>I've been looking around and can't seem to find a post on this issue. I just might not be searching for the right keywords.</p>
  
  <p>My set up is this...</p>
  
  <p>tabs: tab.feed, tab.friends, tab.account</p>
  
  <p>other view: randompage</p>
  
  <p>Here is my route set up...</p>
  
  <pre><code>.state('randompage', {
      url:'/randompage',
      templateUrl: 'templates/randompage.html',
      controller: 'RandomPageCtrl'
  })
  
  .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html',
    controller: 'TabCtrl'
  })
  
  .state('tab.feed', {
    url: '/feed',
    views: {
      'tab-feed': {
        templateUrl: 'templates/tab-feed.html',
        controller: 'FeedCtrl'
      }
    }
  })
  </code></pre>
  
  <p>Here is the tabs.html</p>
  
  <pre><code>&lt;ion-tabs class="tabs-icon-top tabs-top"&gt;
      &lt;!-- Feed Tab --&gt;
      &lt;ion-tab title="Feed" icon="icon ion-ios7-paper" href="#/tab/feed"&gt;
          &lt;ion-nav-view name="tab-feed"&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  
      &lt;!-- The rest are just from the tab skeleton --&gt;
      &lt;ion-tab title="Friends" icon="icon ion-heart" href="#/tab/friends"&gt;
          &lt;ion-nav-view name="tab-friends"&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  
      &lt;ion-tab title="Account" icon="icon ion-gear-b" href="#/tab/account"&gt;
          &lt;ion-nav-view name="tab-account"&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  &lt;/ion-tabs&gt;
  </code></pre>
  
  <p>Here is the tab-feed.html</p>
  
  <pre><code>&lt;ion-view title="Feed"&gt;
      &lt;ion-nav-buttons side="right"&gt;
          &lt;a class="button button-icon ion-android-camera" href="#/randompage"&gt;&lt;/a&gt;
      &lt;/ion-nav-buttons&gt;
      &lt;ion-content class="padding"&gt;
          &lt;h1&gt;Feed&lt;/h1&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>Here is the randompage.html</p>
  
  <pre><code>&lt;ion-view title="Random Page"&gt;
      &lt;ion-content lass="padding"&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>Everything navigates and shows correctly except the back button is not showing.</p>
  
  <p>Please let me know if you know of any alternate solution, possibly what I may be doing wrong, or need more information.</p>
  
  <p>Thanks!</p>