幻灯片上的无限循环和动态内容

时间:2017-09-12 06:24:14

标签: ionic-framework ionic2

这是我的代码,有点技巧,我只有一张幻灯片,我用它做无限循环,我想动态更改内容。所以看起来我有多张幻灯片,但实际上它是一张幻灯片,内容是从JSON动态获取的

<ion-slides #originalslides class="top-slides" loop (ionSlidePrevEnd)="slideChanged( -1)" (ionSlideNextEnd)="slideChanged(1)" >
      <ion-slide> 
            <img  src="{{current}}">  
      </ion-slide>
</ion-slides>



slideChanged(step: number) {
    //calculate current step so you can take data from json
    this.slideStep = this.slideStep + step;
    this.current = this.data[this.slideStep];

}

我遇到的问题是我的内容正在动态更改,但未在幻灯片中显示。当我更改我的幻灯片显然它会转到同一张幻灯片,因为它是循环但我的内容不会显示。当我触摸幻灯片/当我开始拖动它时,正在显示内容。

我该如何解决?

0 个答案:

没有答案