Tabs within a view not displaying


I’m trying to set up a relatively complex view with 3 children, basically showing a div with some information, and underneath it some tabs for navigation within. For some reason it shows other viewings just fine, but it won’t show any tab tags.

The states i’m using are:

nav // navigation bar
nav.item // showing some info before tabs, including a view to the state below // tabs

So within the view it shows this just fine:

<div style="background: red; height: 200px; width: 200px"></div>

But when I add simple tab tags instead, is just shrinks the red box’s height and not showing any tabs:

 <div class="tabs-striped tabs-top tabs-dark tabs-icon-top">
      <div class="tabs">
        <a class="tab-item active" href="#">
          <i class="icon ion-home"></i>
        <a class="tab-item" href="#">
          <i class="icon ion-star"></i>
Needless to say when I remove the red box it simply doesn't show anything, and the tabs are showing up just fine with a simple view (such as nav.item), but then it doesn't show the information I wish to present above the tabs.

I hope I was clear enough, what could possibly be the problem? Much thanks for any help!

Never mind, I actually managed to work it out… It was confirmation bias that something didn’t worked before and I was sure it’s not gonna work again…

The ion-tabs directives are not working within a view, but the simple divs with tab tags do. I missed an element tag open, everything’s working. Don’t use <ion-tabs> within a child view!