Tabs inside tabs


#1

How do we integrate tabs inside tabs correctly? I am asking this because the usual way of setting up tabbed interface, then adding a tabs interface to an existing tab page does not show contents inside the nested tab.

Code is better than plain english.

Foo.html

<ion-tabs>
    <ion-tab icon="ion-flash">
      <ion-nav-view name="test"></ion-nav-view>
          </ion-tab>
          
          <ion-tab icon="ion-star">
            <ion-nav-view></ion-nav-view>
          </ion-tab>
          
          <ion-tab icon="ion-bag">
            <ion-nav-view></ion-nav-view>
          </ion-tab>
          
          <ion-tab icon="ion-map">
            <ion-nav-view></ion-nav-view>
          </ion-tab>
          
          <ion-tab icon="ion-heart">
            <ion-nav-view></ion-nav-view>
          </ion-tab>
  </ion-tabs>

Now test.html

    <ion-view>
    
    <ion-tabs>
    <ion-tab>
    <ion-content>
    <!-- The contents in here does not show up. -->
    </ion-content>
    </ion-tab>
<ion-tab>
 <ion-content>
    <!-- The contents in here does not show up. -->
    </ion-content>
    </ion-tab>
</ion-tab>
    
    </ion-tabs>
    
    </ion-view>