9
votes

Composant Ionic 2 Diapositives - Comment accéder à l'API de Swiper

Utilisation du composant des diapositives ions (4 diapositives) sur App bienvenue page / diapositives. J'ai besoin de possibilités pour l'utilisateur de passer à la dernière diapositive. DOCS Selon des diapositives ions de API Swiper . J'ai besoin d'accéder à des méthodes telles que: myswiper.slideto (index, vitesse, runcallbacks);

Conseils sur la mise en œuvre?


1 commentaires

Je cherche cela aussi.


3 Réponses :


0
votes

Vous pouvez créer un service avec votre swiper xxx

et l'utiliser dans votre @page xxx


1 commentaires

Avec cette approche, cela signifie-t-il que je devrai installer une bibliothèque SwiPer indépendamment de la mise en œuvre des diapositives ioniques de 2?



8
votes

Vous pouvez transmettre une fonction dans la propriété Options.

Réponse originale .

@Component({
  selector: 'my-component',
  template: '<ion-slides [options]="options">
               <ion-slide>Slide1</ion-slide>
               <ion-slide>Slide2</ion-slide>
             </ion-slides>',
  directive: [IONIC_DIRECTIVES]
})
export class MyComponent {
  public slider: any;

  constructor() {
    this.options = {
      onlyExternal: false,
      onInit: (slides: any) =>
        this.slider = slides
    }
  }

  click() {
    this.slider.sliderNext(true, 250);
  }
}


0 commentaires

1
votes

Si vous recherchez une solution simple sans directives personnalisées, vous pouvez essayer ce xxx


0 commentaires