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

<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()
}


但是他们都不起作用。使用代码的描述性答案将对我的理解和将来的参考很有帮助。谢谢

最佳答案

我遇到了完全相同的问题。在寻找解决方案时,我发现了您的问题。我得到解决方案的几分钟后,可能会对您有所帮助。

在ionViewWillLeave()上,停止自动播放,然后在ionViewDidEnter()上再次启动它。

ionViewWillLeave()

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


ionViewDidEnter()

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


希望对您有帮助。

关于angular - 导航回页面时,Ionic Slides自动播放停止工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45933628/

10-12 20:15