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

咱們在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

相關文章
相關標籤/搜索