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/ )
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>