title: ion-nav-view with nested ion-nav-view not working
body: <p>I have a strange problem with <code>ion-nav-view</code> nesting. When I load the application in a browser, I can see the URL is getting changed to <code>/app/menu</code>, but no contents from <code>menu.html</code> appear on the page. The page is blank.</p>
  
  <p>Following is the code snippet</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;body ng-app="starter"&gt;
   &lt;ion-nav-view&gt;&lt;/ion-nav-view&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider.
      state("app", {
      url: "/app",
      abstract: true,
      templateUrl: "templates/default.html",
      controller: "AdaptiveController"
    })
      .state("app.menu", {
      url: "/app/menu",
      views: {
        "page-content": {
          templateUrl: "templates/menu.html",
          controller: "MenuController"
        }
      }
  
    });
  
    $urlRouterProvider.otherwise("/app/menu");
  })
  </code></pre>
  
  <p><strong>default.html</strong></p>
  
  <pre><code>&lt;ion-view&gt;
      &lt;ion-content&gt;
          &lt;ion-nav-view name="page-content"&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p><strong>menu.html</strong></p>
  
  <pre><code>&lt;ion-view&gt;
      &lt;ion-header-bar class="bar bar-positive bar-header" align-title="center" no-tap-scroll="true"&gt;
          &lt;div class="buttons buttons-left header-item"&gt;
              &lt;span class="left-buttons"&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="bar bar-header bar-positive header-item"&gt;Welcome&lt;/div&gt;
          &lt;div class="buttons buttons-right header-item"&gt;
              &lt;span class="right-buttons"&gt;&lt;/span&gt;
          &lt;/div&gt;
      &lt;/ion-header-bar&gt;
      &lt;ion-content&gt;
        &lt;ion-list&gt;
         &lt;ion-item class="item item-icon-left"&gt;
           &lt;i class="icon ion-person"/&gt;   
           &lt;h3&gt;Profile&lt;/h3&gt;
         &lt;/ion-item&gt;
        &lt;/ion-list&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>If I change the code in <code>default.html</code> to following it works.</p>
  
  <pre><code>&lt;ion-side-menus enable-menu-with-back-views="false"&gt;
    &lt;ion-side-menu-content&gt;
      &lt;ion-nav-view name="page-content"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-side-menu-content&gt;
  &lt;/ion-side-menus&gt;
  </code></pre>
  
  <p>Does than mean ion-nav-view either need tab or ion-side-menus? Can't it work with ion-view? </p>