解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

我们在使用ionic2/ionic轮播图组件的时候，会出现切换页面或者点击手动滑动后，组件就不自动轮播了，那么我们需要解决此类问题需要做一下步骤

1. 需要先引用Viewchild模块，同时声明此sildes
   
   import { Component, ViewChild } from '@angular/core';
   import { Slides} from 'ionic-angular';

   export class XXXX{

       @ ViewChild( Slides) slides: Slides;}
   
   
2. 声明监听function
   //解决点击后不自动轮播的问题

   ionViewDidEnter() {

   if( this. sliedNews. length > 1){

   this. slides. autoplayDisableOnInteraction = false;

   }

   }

   
   

   //解决跳转到其他页面后不自动轮播的问题

   ionViewWillEnter(){

   if( this. sliedNews. length > 1){

   this. slides. startAutoplay();

   }

   }

   ionViewWillLeave(){

   if( this. sliedNews. length > 1){

   this. slides. stopAutoplay();

   }

   }

   
   
3. html 中的配置
   
   < ion-slides active-slide= "myActiveSlide" autoplay= "3000" speed= "800" loop= true pager= true * ngIf= "sliedNews.length > 1" autoplayDisableOnInteration= "true" >

       < ion-slide * ngFor= "let slide of sliedNews" >
       </ ion-slide >

   </ ion-slides >