title: Ionic 3 using IonPage with DeepLinkMetadataType on tabs - getting rid of tab-0
body: <p>I have a page with some tabs that are lazy loaded:</p>
  
  <p>explore.html</p>
  
  <pre><code>&lt;ion-tabs&gt;
     &lt;ion-tab [root]="tab1Root" [tabTitle]="hotTitle" tabIcon="flame"&gt;&lt;/ion-tab&gt;
     &lt;ion-tab [root]="tab2Root" [tabTitle]="searchTitle" tabIcon="search"&gt;&lt;/ion-tab&gt;
     &lt;ion-tab [root]="tab3Root" [tabTitle]="mapTitle" tabIcon="map"&gt;&lt;/ion-tab&gt;
  &lt;/ion-tabs&gt;
  
  @IonicPage({
    segment: 'explore',
    defaultHistory: ['HomePage']
  })
  </code></pre>
  
  <p>The page behind tab1Root has an IonPage decorator like this</p>
  
  <pre><code>@IonicPage({
    segment: 'hot-channels',
    defaultHistory: ['HomePage']
  })
  </code></pre>
  
  <p>However when navigating to the hot-channels-page, the url shows:
  <a href="http://localhost:8100/#/explore/tab-0/hot-channels" rel="nofollow noreferrer">http://localhost:8100/#/explore/tab-0/hot-channels</a></p>
  
  <p>Where does the "tab-0" come from? It seems unnecessary, and in the docs there is nothing mentioned about it. Any chance to get rid of that and go directly with something like <a href="http://localhost:8100/#/explore/hot-channels" rel="nofollow noreferrer">http://localhost:8100/#/explore/hot-channels</a></p>