title: ion-tabs isn't shown when loaded through ion-nav-view?
body: <p>I made a simple experiment to load a page with ion-tabs in index.html with ion-nav-view but it didn't show anything in the browser preview but if I put the ion-tabs straightly without ion-nav-view in the page, its shown normally. However, if I use my phone browser, the tab is shown and okay too even if I use ion-nav-view. I'm using Ionic 2.2</p>
  
  <p>index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link rel="manifest" href="manifest.json"&gt;
      &lt;link href="lib/ionic/css/ionic.css" rel="stylesheet"&gt;
      &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="cordova.js"&gt;&lt;/script&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body ng-app="starter" &gt;
          &lt;ion-nav-view class="has-header has-footer"&gt;&lt;/ion-nav-view&gt; 
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js:</p>
  
  <pre><code>.config(function ($stateProvider, $urlRouterProvider) {
          $stateProvider.state('tab_test', {
           url: '/tabtest',
           templateUrl: 'templates/tab_test.html'
       })
       $urlRouterProvider.otherwise('/tabtest');
  })
  </code></pre>
  
  <p>tab_test.html:</p>
  
  <pre><code>&lt;ion-tabs id="tab_main"&gt;
     &lt;ion-tab title="FAQ" ui-sref="home_test.faq"&gt;
         &lt;ion-nav-view name="faq"&gt;&lt;/ion-nav-view&gt;
     &lt;/ion-tab&gt;
     &lt;ion-tab title="Komplain" ui-sref="home_test.komplain"&gt;
         &lt;ion-nav-view name="komplain"&gt;&lt;/ion-nav-view&gt;
     &lt;/ion-tab&gt;
     &lt;ion-tab title="Saran" ui-sref="home_test.saran"&gt;
         &lt;ion-nav-view name="saran"&gt;&lt;/ion-nav-view&gt;
     &lt;/ion-tab&gt;
  &lt;/ion-tabs&gt; 
  </code></pre>