将水平滚动条添加到Ionic2的离子滑轨

Question

我正在使用Ionic2 ion-slides,它对我来说很好.

    <ion-slides [options]="extraOptions">
        <ion-slide *ngFor="let slide of slides">
            <img src="{{slide.image}}" />
        </ion-slide>
    </ion-slides>

我想补充一个水平滚动条如下所示的组队,探索API中http://idangero.us/swiper/api/#.V6Lcx8twbqA(例13)作为文档提到组队,探索什么是用于ion-slides.在该示例的源代码具有 <div class="swiper-scrollbar"></div>的后<div class="swiper-wrapper">标签.

问题是Ionic会生成HTML,所以如何添加滚动条功能.

要向滑块添加分页项目符号,我只需pager在ion-slides标记中添加属性指令.是否有类似的horizental滚动条？

Answer 1

这不能通过Ionic的离子滑动组件来完成.请参阅其中一位作者的回复:https://forum.ionicframework.com/t/how-to-add-horizo​​ntal-scrollbar-to-slides/59450/3？u = brightpixels

Not at the moment. We've tried to keep the Slides API much simpler than the original Swiper API. But we plan on revisiting this post 2.0 final

我已经通过直接使用swiper库并创建自己的组件来解决这个问题.

• 通过npm安装模块: npm install swiper
• 在组件文件的顶部 declare var require
• 然后 var swiper = require('swiper')