angular - Ionic 3 Slides 组件 - 实现下一个和上一个按钮

标签 angular typescript slider ionic3 swiper.js

我是 IONIC 3 的新手,我尝试在我的 Ionic 应用程序中实现 Slider,并尝试为幻灯片实现下一个和上一个按钮。

喜欢:

enter image description here

请帮助我了解它的功能。

最佳答案

根据官方文档here ,您可以调用 slideTo()slideNext() 方法。例如(取自 Ionic v2+ 官方文档):

this.slides.slideTo(2, 500);

这会将您带到第三张幻灯片,过渡时间为 500 毫秒。

要切换到上一张或下一张幻灯片,您可以使用 slideNext()slidePrev() 函数,或者保存当前幻灯片的索引并简单地增加或递减它,同时将它作为参数传递给 slideTo() 函数。

关于angular - Ionic 3 Slides 组件 - 实现下一个和上一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45797837/

相关文章:

angular - 当 angular 4 中的链接上没有路由时,如何处理 session 超时(或过期的 token )

css - 动态地将类应用于 Angular 自定义表单组件

javascript - 如何在express js中间件函数中向RequestHandler声明自定义 Prop ?

android - 在多项 Activity 中留下 slider 的最佳方法应该是什么

angular - 装饰器不支持函数调用,但调用了 'DelonModule'

angular - 如何在HTML元素属性值计算中使用ngFor索引变量?

node.js - typescript 导出对象错误声明或预期的声明

javascript - 如何在 typescript 中包含原型(prototype)

javascript - 英雄 slider 最初为 : First slide does not load,

WPF:如何使控件在 StackPanel 中拉伸(stretch)?