Question

我正在创建一个离子应用程序，其中我添加了自动播放滑块，在应用主页中显示客户端的故事。在主页中点击各种卡片，用户被导航到那些相应的页面。现在当返回主页时，滑块自动播放停止。以下是我的代码的基本片段。

<ion-slides autoplay="2000" loop="true" speed="3000" class="slides" pager="true">
    <ion-slide>
        <img src="assets/img/slide1.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide2.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide3.jpg">
    </ion-slide>
</ion-slides>

我在update()函数

上使用了startAutoplay()和ionicViewDidEnter()等内置滑块方法

ionViewDidEnter(){
    console.log("View Entered");
    this.slides.update(); // or this.slides.startAutoplay()
}

但他们都没有奏效。使用代码的描述性答案对我的理解和将来的参考将非常有帮助。谢谢

Answer 1

我遇到了完全相同的问题。寻找解决方案我发现了你的问题。我得到一个解决方案后几分钟，它可以帮助你。

on ionViewWillLeave（），停止自动播放，然后在 ionViewDidEnter（）上再次启动它。

<强> ionViewWillLeave（）

 ionViewWillLeave(){
    this.slides.stopAutoplay();
  }

<强> ionViewDidEnter（）

  ionViewDidEnter() {
    this.slides.startAutoplay();
  }

希望对你有所帮助。

Ionic Slides自动播放在导航回页面时停止工作

1 个答案: