解決ionic2/ionic3輪播圖切換頁面或者點選過後不自動輪圖

一葉知秋發表於2019-02-16

我們在ionic2/ionic3開發的過程中會出現切換頁面或者滑動切換輪播圖出現輪播圖不再輪播的情況,這其實需要一些配置.
首先在運用到輪播圖的component中引入

import {ViewChild } from `@angular/core`;

import { Slides } from `ionic-angular`;

然後

  @ViewChild(Slides) slides: Slides;
//解決切換其他頁面回去輪播圖不動問題
ionViewWillEnter(){
  this.slides.startAutoplay();
}
ionViewWillLeave(){
  this.slides.stopAutoplay();
}

附輪播圖自動輪圖的api

 <ion-slides pager autoplay="600" speed="800" loop="true" autoplayDisableOnInteration="true">

            <ion-slide>
                
            </ion-slide>

        </ion-slides>

autoplay:自動輪播間歇時間;speed:切換輪播圖速度;

相關文章