Ionic Slides AutoPlay funktioniert nicht mehr beim Navigieren zur Seite

Question

Ich erstelle eine ionische Anwendung, in der ich den Autoplay-Schieberegler hinzugefügt habe, der die Kundengeschichte auf der Startseite der App anzeigt. Auf der Startseite befinden sich verschiedene Karten, auf die der Benutzer zu den jeweiligen Seiten navigiert. Wenn Sie nun zur Startseite zurückkehren, wird die automatische Wiedergabe des Schiebereglers angehalten. Folgendes ist ein Grundschnipsel meines Codes.

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

Ich habe die versucht eingebauten Schieber Methoden wie update() und startAutoplay() auf der ionicViewDidEnter() Funktion

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

Aber keiner von ihnen arbeitete. Eine beschreibende Antwort mit Code wird für mein Verständnis und zukünftige Referenzen sehr hilfreich sein. Danke

Answer 1

Ich war mit dem genau gleichen Problem. Und auf der Suche nach einer Lösung habe ich deine Frage gefunden. Wenige Minuten nachdem ich eine Lösung gefunden habe, möge es dir helfen.

auf ionViewWillLeave(), stoppen Sie die automatische Wiedergabe, dann nach, auf ionViewDidEnter() es wieder von vorne anfangen.

ionViewWillLeave()

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

ionViewDidEnter()

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

Hoffe, dass es Ihnen helfen.