1
之前和之後動態添加幻燈片嗨我使用ngFor在中間啓動時創建一組3張幻燈片,因此我保證能夠在開始時向左或向右滑動。離子幻燈片 - 在
當我向右滑動時,我可以簡單地聆聽reachedEnd,並將另一張幻燈片推送到正在循環的陣列。
但我在添加幻燈片到開始時遇到問題。如果我按照上面的方法做,並使用例如array.unshift()或傳播以將項目添加到開頭,視圖認爲它位於位置0並將視圖捕捉到新幻燈片。下面
的代碼會工作,但它動畫幻燈片變回索引1
slide = [0,1,2] //example to loop
slideChanged(event) {
if(this.slides.isBeginning()){
this.slide = [this.slide[0]-1, ...this.slide];
this.slides.update();
this.slides.slideTo(1)
}
}
<ion-slides [initialSlide]="1" (ionSlideDidChange)="slideChanged($event)">
<ion-slide *ngFor="let item of slide">
<h1>Slide {{item}}</h1>
</ion-slide>
</ion-slides>
任何幫助表示讚賞!
的感謝!我也想出了唯一的解決方法是將滑動速度設置爲0,我想現在可以使用 –
很高興聽到它幫助:) – sebaferreras
如果您將「loop」添加到''它會有那麼漂亮的幻燈片過渡。目前它有點反彈,它只是到另一張幻燈片 –
FosAvance