i'm to make a ion-slide-box to load data after the slide from another slide-box. It works but I have a graphic bug that I can't fix.
Here is a plunker : http://plnkr.co/edit/9RyirFlAD0Y1c96VnhrE?p=preview
<ion-slide ng-repeat="restaurant in restaurants">
<div class="box blue">
<li class="item item-toggle">Dispo ? Venga ? :p<label class="toggle toggle-balanced">
<input type="checkbox" ng-model="restaurant.check">
<div class="track"><div class="handle"></div>
</div>
</label>
</li>
<h1>{{restaurant.name}} {{restaurant.check}} {{activeSlide1.slide}}</h1>
</div>
</ion-slide>
</ion-slide-box>
</div>
<div class="slide-wrapper" ng-if="showSlidePersonne()">
<ion-slide-box active-slide="activeSlide1.slide2" on-slide- changed="slideChanged(index)" show-pager="false">
<ion-slide ng-repeat="personne in restaurants[activeSlide1.slide].personnes">
<div class="box green">{{personne}}
</div>
</ion-slide>
</ion-slide-box>
The bug appear when you check two blue slide and then make them slide the name on green slide won't appear. And the CSS animation work only once i don't know why.
If you can help me :)