ionic-framework - Ionic 2 Slides组件-如何访问Swiper API

Question

在应用程序欢迎页面/幻灯片上使用 ionic 幻灯片组件(4个幻灯片)。我需要用户跳到上一张幻灯片的功能。医生说Swiper API的 ionic 滑动实现。我需要访问以下方法:mySwiper.slideTo(index, speed, runCallbacks);
提示如何执行？

Answer 1

您可以在options属性内传递一个函数。

Original answer。

@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);
  }
}

有关更多选项，请查看 swiper api。