Ion-slide-box active slide comes randomly

ionic-v1
1

The following is the code I am using to create a slidebox

<ion-slide-box active-slide="0" show-pager="false" on-slide-changed="slideHasChanged($index)">
  <ion-slide>
  <div class="blood">Blood</div>
   </ion-slide>
   <ion-slide>
       <div class="plasma">Single donor Plasma</div>
   </ion-slide>
   <ion-slide>
        <div class="platelet">Single donor Platelet</div>
   </ion-slide>
 </ion-slide-box>

The active slide sometimes works to show “Blood” selected while sometimes the whole ion-slide-box disappears, this is happening randomly and I have no idea what the problem might be