如何在幻灯片移动离子时调用函数

问题描述 投票:2回答:2

我想要做的是我想在幻灯片正确时调用一个函数。但我不知道它是否可以在离子中完成。我的离子项目滑动代码是

        <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>

我不得不点击最喜欢的按钮来调用该功能,但只要有人向右滑动我就想要它

angular typescript ionic-framework ionic2 ionic3
2个回答
1
投票

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

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

在TS中:

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

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

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

你有没有看到slides的文档,也许可以帮到你?

© www.soinside.com 2019 - 2024. All rights reserved.