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

我正在使用自动播放属性，但是在离子4中的离子幻灯片上仍无法自动播放吗？

1 个答案: