angular2 使用swiper

第一步：npm install swiper –save第二步：下载swiper ts支持(ts声明文件：http://microsoft.github.io/Ty…)npm install @types/swiper –savets文件里：import swiper from “Swiper”;swiperSlide:any swiperw() { let ss = new swiper(’.swiper-container’, { loop: true, // 循环模式选项 effect : ‘flip’, // effect: ‘cube’ }) this.swiperSlide = ss } goto(e) { this.swiperSlide.slideToLoop(e, 1000, false);//切换到第一个slide，速度为1秒 }html<div class=“swiper-container swiper-no-swiping”> <div class=“swiper-wrapper”> <div class=“swiper-slide” style=“background:red” (click)=“goto(1)">Slide 1</div> <div class=“swiper-slide” style=“background:blue”>Slide 2</div> </div></div><button (click)=“goto(1)” >1111111</button><button (click)=“goto(0)” >222222</button>css.swiper-container { width: 600px; height: 300px;}