That was just a poc for a prototype and I didn't move forward with this design, but here it was:
<ion-toolbar>
<ion-segment [(ngModel)]="currState">
<ion-segment-button value="0">
A
</ion-segment-button>
<ion-segment-button value="1">
B
</ion-segment-button>
<ion-segment-button value="2">
C
</ion-segment-button>
</ion-segment>
</ion-toolbar>
<ion-content>
<ion-slides index={{currState}} (change)="onTabUpdate($event)">
<ion-slide>
<scroll-content>
anything you want here
</scroll-content>
</ion-slide>
</ion-slides>
</ion-content>
and something like that in the controller:
onTabUpdate(event){
let newIndexAfterUpdate = event.activeIndex;
this.currState = String(newIndexAfterUpdate);
}
Quite simple, no fancy thing here
As said in the previous post, you can now plug directly in the event that was add a few days ago so that you won't need to hack the inside of ionic anymore.