如何使用刷卡库

Question

我想创建这样一个旋转木马，我可以用这个包装器刷卡库（https://github.com/ksachdeva/angular2-swiper）

做到这一点但是，这可能实现创造Ionic2一个幻灯片/旋转木马我通过使用纯粹的ionic2及其组件ion-slides。我宁愿通过添加另一个，可能是不必要的模块。不幸的是，文档不清楚。

Answer 1

swiper已经直接集成到Ionic2中...不确定这里的问题是什么？

，或者你可以这样来做Ionic 2 Slides Component - How to Access Swiper API

import { NavController } from 'ionic-angular/index'; 
import { Component, ViewChild } from "@angular/core"; 


@Component({ 
    template:` 
<ion-content class="has-header"> 
     <ion-slides [options]="_options" #mySlider> 
     <ion-slide *ngFor="let testSlide of testSlides"> 
      <img src="http://placehold.it/150x150"> 
      </ion-slide> 
     </ion-slides> 
     <div class="swiper-button-next"></div> 
     <div class="swiper-button-prev"></div> 
</ion-content> 
` 
}) 
export class HomePage { 

    greeting: string; 
    testSlides: string[] = []; 
    @ViewChild('mySlider') mySlider: any; 

    constructor(private nav: NavController) { 

    this._options = { 
     slidesPerView:3, 
     pager: true, 
     nextButton: ".swiper-button-next", 
     prevButton: ".swiper-button-prev",   
     onInit:()=>{ 
     } 
    } 
    setTimeout(()=>{ 
     for (var i=1; i<6; i++) { 
      this.testSlides.push("Slide - "+i); 
      } 
    },100); 

    } 
} 

的Plunkr - http://plnkr.co/edit/ybmDsYICQopis88vDl37?p=preview

截图 -