ionic2 轮播图

页面中的HTML文档

-------------------------------------------------------

主页

-----------------------------------------------------------

在ts页面中的设置

--------------------------------------------------------

import { Component ,ViewChild } from '@angular/core';
import { Slides } from 'ionic-angular';//注入轮播
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
@ViewChild('mySlider') slider:Slides;
mySlideOptions={
autoplay:2000,
initialSlide:0,
pager:true,
loop:true,
speed:300
};
constructor( ) {
}
ngOnInit(){//页面加载完成后自己调用
setInterval(()=>{
this.slider.slideNext(300,true);
},2000);
}
}