Slidebox inside slidebox

ionic-v1
1

Hi,

I’m trying to implement a slidebox within a slidebox as a way of showing a data structure like this:

obj : {
 'today': {
    'name':'Today',
    'teams':{
    'team1': {
      'goal':40,
      'current':12
     },
    'team2': {
      'goal':40,
      'current':12
     },
    'team3': {
      'goal':40,
      'current':12
     }}
  },
 'thisweek': {
    'name':'This Week',
    'teams':{
    'team1': {
      'goal':40,
      'current':12
     },
    'team2': {
      'goal':40,
      'current':12
     },
    'team3': {
      'goal':40,
      'current':12
     }}
  },
 'thismonth': {
    'name':'This Month',
    'teams':{
    'team1': {
      'goal':40,
      'current':12
     },
    'team2': {
      'goal':40,
      'current':12
     },
    'team3': {
      'goal':40,
      'current':12
     }}
  }
};

so I have one slidebox inside another like:

<ion-slide-box>
     <ion-slide data-ng-repeat="goal in obj">
         {{goal.name}}
         <ion-slide-box>
               <ion-slide data-ng-repeat="team in goal.teams"> 
                       {{team.current}} / {{team.goal}}
               </ion-slide>
         </ion-slide-box>
      </ion-slide>
</ion-slide-box>

I would expect when I swipe the inner slidebox ({{team.current}} / {{team.goal}}) for it to go up the dom tree and isolate that slidebox, instead it tries to slide both at the same time with the outer slidebox ({{goal.name}}) slide box normally taking priority.

Is this a feature or bug and is there a way to isolate it so the swiping events don’t bubble up past the first slidebox in the dom?

Cheers
Ed

2

This is a limitation of the slide-box
You cannot nest a slide-box within a slide-box.

3

Will this feature ever be available? It’s much needed.