I am using autoplay property but still autoplay is not working on ion-slide in ionic 4?

Question

I have to autoplay the ion-slides in ionic-4 . But it is not working . I have tried please refer my code below

i have used autoplay="true" but still not working.

.html

<div>  
        <ion-slides [options]="sliderConfig">
          <ion-slide *ngFor="let cat of latestProducts">
            <div class="slide-content">
              <ion-card>
                <ion-card-header>
                  <ion-card-title class="card-title">
                      {{cat.post_title}}
                  </ion-card-title>
                  <ion-card-content>
                    <img class="image-wrap" src="{{cat.post_image_url}}">
                  </ion-card-content>
                </ion-card-header>
              </ion-card>
            </div>
          </ion-slide>
        </ion-slides>
      </div>

.ts

sliderConfig = {
    initialSlide: 0,
    speed: 400,
     slidesPerView: 1.45,
     autoplay: true,
  };

  @ViewChild(IonSlides) slides: IonSlides;
slidesDidLoad(slides: IonSlides) {
    slides.startAutoplay();
  }

I want to autoplay the slides.

score 0 · Answer 1 · answered May 14 '19 at 07:17

0

Can you try this?

   <ion-slides #mySlider (ionSlidesDidLoad)="slidesDidLoad(mySlider)">
      ...
    </ion-slides>


    slidesDidLoad(slides: Slides) {
      slides.startAutoplay();
    }

Then you can see https://github.com/ionic-team/ionic/issues/15046

answered May 14 '19 at 07:17

Cláudio Sumburane

138
11

i have used this but one time it works then again after second time compiling it stops, actually i am using three slider and only for one slider i need the autoplay="true", but once it starts and after again compiling it stops – user9483522 May 14 '19 at 07:22
Have you clicked on the link? – Cláudio Sumburane May 14 '19 at 07:26
yes i have clicked on the link but still my problem not solved. – user9483522 May 14 '19 at 07:32

I am using autoplay property but still autoplay is not working on ion-slide in ionic 4?

1 Answers1