咱們在ionic2/ionic3開發的過程當中會出現切換頁面或者滑動切換輪播圖出現輪播圖再也不輪播的狀況,這其實須要一些配置.
首先在運用到輪播圖的component中引入api
import {ViewChild } from '@angular/core'; import { Slides } from 'ionic-angular';
而後ionic
@ViewChild(Slides) slides: Slides; //解決切換其餘頁面回去輪播圖不動問題 ionViewWillEnter(){ this.slides.startAutoplay(); } ionViewWillLeave(){ this.slides.stopAutoplay(); }
附輪播圖自動輪圖的apiide
<ion-slides pager autoplay="600" speed="800" loop="true" autoplayDisableOnInteration="true"> <ion-slide> </ion-slide> </ion-slides>
autoplay:自動輪播間歇時間;speed:切換輪播圖速度;oop