Start tabs : content not showing on Android, fine on iOs when doing multiple abstrat state


#1

Hi there,

From tabs start project I juste added a “app” abstract state and the result is the content not showing on Android ( content is here, I can even click on the invisible tabs)

See code below

.state('app',{
    abstract: true,
    template: '<ui-view/>'
  })
  // setup an abstract state for the tabs directive
  .state('app.tab', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tabs.html"
  })

  // Each tab has its own nav history stack:

  .state('app.tab.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }
    }
  })

  .state('app.tab.chats', {
      url: '/chats',
      views: {
        'tab-chats': {
          templateUrl: 'templates/tab-chats.html',
          controller: 'ChatsCtrl'
        }
      }
    })

#2

Don’t use a ui-view. Use a ion-nav-view. Also, I’m not sure you need to have that many nested states. You could just have tab and your main abstract state.

Like our tabs starter provides.


#3

I did use the started template but since the app is login only i though I would use nested state for not logged user.

Anyway your fix works !

Thanks