Refresh slides items dynamically

Ionic Framework ionic-v3
1

Hi All,

I would like to refresh the slides item list dynamically upon button clicks. .
I am binding the slides items to an array in my component and changing my array upon reception of the button click.
However this is not working… only the visible slides are changed.

Any idea of how to do that?

<ion-slides>
      <ion-slide *ngFor="let item of items" >             
            <img src='{{item.image}}' />       
      </ion-slide>
    </ion-slides>

changeSlides(type: string){

switch(type){
  case 'series1':
    this.items=this.series1;
    break;
  case 'series2':
    this.items=this.series2;
    break;
  case 'series3':
    this.items=this.series3;
    break;

}