在应用程序欢迎页面/幻灯片上使用离子幻灯片组件(4个幻灯片)。我需要用户跳到上一张幻灯片的功能。Docs说Swiper API的ion-slides实现。我需要访问类似的方法:mySwiper.slideTo(index, speed, runCallbacks);
提示如何执行?
您可以在options属性内传递一个函数。
原始答案。
@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。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句