ionic-framework - 我正在使用自动播放属性，但自动播放在 ionic 4 中的 ion-slide 上仍然不起作用？

Question

我必须在 ionic-4 中自动播放离子幻灯片。但它不起作用。我试过了，请参考下面的代码

我使用了 autoplay="true" 但仍然无法正常工作。

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

我想自动播放幻灯片。

Answer 1

你能试试这个吗？

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


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

然后你可以看到 https://github.com/ionic-team/ionic/issues/15046