イオン2でイオンスライドのダイナミックスライドを変更するには？

Question

私は自分のアプリケーションでスライダを持っている：

は

<ion-slides #showSlider *ngIf="product.show_images" class="slideShowWrapper productImages" [options]="mySlideOptions"> 
     <ion-slide *ngFor="let image of product.show_images;"> 
     <img [src]="image.big_url" alt="{{image.title}}"/> 
     </ion-slide> 
    </ion-slides> 

そしてコードで、私は、スライドとスライドの数を変更する必要があります。しかし、スライドのリストを変更した後。スライダは変更されますが、最初のスライドは表示されませんが、スライドショーのポイントは表示されません。 スライドリストを変更するにはどうすればいいですか？ 変更するには私のコードは次のとおりです。

this.slider.getSlider()['removeAllSlides'](); // Delete slides 
this.product.changeOffer(); 
this.product.show_images = this.product.getImages(); 

Answer 1

テンプレート：

<ion-slides #showSlider *ngIf="product.show_images" class="slideShowWrapper productImages" [options]="mySlideOptions"> 
    <ion-slide *ngFor="let image of product.show_images;"> 
    <img [src]="image.big_url" alt="{{image.title}}"/> 
    </ion-slide> 
</ion-slides> 

コード：

export class ProductBlocksProductPage extends AbstractBlock{ 
    mySlideOptions: any 

    @ViewChild('showSlider') slider: Slides; //Access to slider 
    @Input() slideOptions = {}; // Slider options 
    constructor(){ 

    } 



    /** 
    * Change the images action 
    */ 
    changeOffer() 
    { 
    this.product.changeOffer(); //Here is your function to change of our images array 
    // Update slider 
    this.slider.getSlider().update(); //Reinit slider 
    this.slider.getSlider().slideTo(0, 0, true); //Move to first slider 
    } 
}