【发布时间】:2019-05-14 15:17:22
【问题描述】:
我必须在 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();
}
我想自动播放幻灯片。
【问题讨论】:
标签: ionic-framework ionic4 autoplay ion-slides