Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49076

Tabs abstract view not working

$
0
0

@karthikdeepakvegi wrote:

Hello,

I am trying to implement tabs. I want it to look something like this:

Code follows...

.state('app.schedule', {
    url: '/schedule',
    abstract: true,
    templateUrl: 'templates/schedule.html'
})

.state('app.schedule.day1', {
    url: '/day1',
    views: {
        'day1': {
            templateUrl: 'templates/day1.html',
            controller: 'ScheduleCtrl'
        }
    }
})

.state('app.schedule.day2', {
    url: '/day2',
    views: {
        'day2': {
            templateUrl: 'templates/day2.html',
            controller: 'ScheduleCtrl'
        }
    }
})

.state('app.schedule.day3', {
    url: '/day3',
    views: {
        'day3': {
            templateUrl: 'templates/day3.html',
            controller: 'ScheduleCtrl'
        }
    }
})

.state('app.schedule.day4', {
    url: '/day4',
    views: {
        'day4': {
            templateUrl: 'templates/day4.html',
            controller: 'ScheduleCtrl'
        }
    }
})

<ion-view view-title="Schedule">
<ion-tabs class="tabs-icon-top tabs-stable tabs-striped tabs-top tabs-positive">
    <ion-tab title="Oct-1" icon="ion-android-calendar" ui-sref="app.schedule.day1">
        <ion-nav-view name="day1"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Oct-2" icon="ion-android-calendar" ui-sref="app.schedule.day2">
        <ion-nav-view name="day2"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Oct-3" icon="ion-android-calendar" ui-sref="app.schedule.day3">
        <ion-nav-view name="day3"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Oct-4" icon="ion-android-calendar" ui-sref="app.schedule.day4">
        <ion-nav-view name="day4"></ion-nav-view>
    </ion-tab>
</ion-tabs>

However when I click on schedule link, nothing happens.
But it works when I change the route of schedule page as below:

.state('app.schedule', {
    url: '/schedule',
    views: {
        'menuContent': {
            templateUrl: 'templates/schedule.html'
        }
    }
})

A tab parent view should be abstract right? Why is it not working in my case? Am I missing something?

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49076

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>