<ion-tabs> hiding the <ion-tab> content

ionic-v1
1

ionic tabs are hiding its content. The class has-header doesn’t work. How do i fix it?

<ion-tabs class="tabs-icon-top tabs-striped tabs-top tabs-calm">
        <ion-tab title="Oct1" icon="ion-android-calendar">
            <ion-content class="has-header">
                <ion-list>
                    <ion-item ng-repeat="day in days">
                        <h2> {{day.name}} </h2>
                    </ion-item>
                </ion-list>
            </ion-content>
        </ion-tab>
    </ion-tabs>
2

you should wrap the content of a tab in ion-nav-view and ion-view.

I recognized that you should add own states to that ion-nav-views and load the template via the state.

Each tab has its own sub-history stack so you need to wrap the content in an ion-nav-view.
You should follow the example of the docs in this case.

3

Thanks a lot buddy. Got a clear idea on how it all works now :smile:
Good day!