Question

我想做的是每当滑动正确时我都想调用一个函数。但是我不知道它是否可以在ionic中完成。我的ion-item-sliding代码是

        <ion-list>
          <ion-item-sliding #item>
            <ion-item>
              <span class="heart-icon"></span>
              <h4>Slide right to Unfavorite</h4>
            </ion-item>
            <ion-item-options side="left">
              <button ion-button (click)="favorite(item)">Favorite</button>
            </ion-item-options>
          </ion-item-sliding>
        </ion-list>

我必须点击“收藏夹”按钮才能调用该函数，但是每当有人向右滑动时我都想要它

Answer 1

有一个幻灯片更改事件：在HTML中：

<ion-slides (ionSlideDidChange)="slideChanged()">

在TS中：

slideChanged() {
    let currentIndex = this.slides.getActiveIndex();
    console.log('Current index is', currentIndex);
  }

Answer 2

<ion-slides ionSlideWillChange="whenChangeSlide()"></ion-slides>

whenChangeSlide(){
  console.log('Do something')
}

您看到slides的文档了吗，也许可以为您提供帮助？

幻灯片在离子中移动时如何调用功能

2 个答案: