如何使用刷卡庫

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

截圖 -