How to create sub nav tabs buttons under list


#1

Hi I am looking for way to create a nav tabs on top of the page with list of events Today and Tomorrow. So that user can see all the events list which are today and tomorrow.
I am using ionic-list view to display events with version 1.0.0 beta-11
e.g: http://cl.ly/image/3q3M47010C1E
(similar to iOS phone recent call list)
( Please note: this is not looking for: http://ionicframework.com/docs/api/directive/ionNavView/ )


#2

This is what I ended up doing, not sure if this is the best practice to achieve this! If there is please seed…

<ion-nav-buttons side="left">
    <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>

<ion-header-bar class="bar-subheader">
    <div class="button-bar">
        <a class="button" ng-click="doSomething()">Today</a>
        <a class="button" ng-click="doSomething()">Tomorrow</a>
    </div>
</ion-header-bar>

<ion-content class="has-header" ng-controller="MyController">

    <ion-refresher
            pulling-text="Pull to refresh..."
            on-refresh="doSomething()">
    </ion-refresher>

    <ion-list>
        <ion-item ng-repeat="item in items">
            {{item.name}}
        </ion-item>
    </ion-list>

</ion-content>