Jak stworzyć przezroczy/karuzelę w Ionic2 użyciu Swiper bibliotekę

Question

Próbuję utworzyć karuzelę jak ten i mogę to zrobić za pomocą tego otoki dla biblioteki Swiper (https://github.com/ksachdeva/angular2-swiper)

Ale czy to możliwe, aby osiągnąć mój celem jest użycie komponentów czysto jonowych2 i ich składników. Wolałbym to od dodania kolejnego, prawdopodobnie niepotrzebnego modułu. Niestety, dokumenty nie są jasne.

Answer 1

Swiper został zintegrowany bezpośrednio z Ionic2 ... nie wiesz, co to za pytanie?

czy można zrobić to w ten sposób 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

screenie -