【问题标题】:ngx-boostrap carousel add slides with buttonngx-bootstrap 轮播添加带按钮的幻灯片
【发布时间】:2020-05-03 00:31:44
【问题描述】:

我使用 nxg-bootstrap 制作了一个轮播,但是当我尝试使用按钮动态添加一些幻灯片时,单击箭头时出现索引错误。

我已尝试替换完整的幻灯片数组,但同样的问题。

Stackblitz 示例:https://stackblitz.com/edit/ngx-bootstrap-itemperslide-carousel-example-jc4a8r?file=app/basic.html

有人知道我该如何解决这个问题吗?

【问题讨论】:

    标签: carousel ngx-bootstrap


    【解决方案1】:

    似乎 动态 ngx-carousel 仅适用于每张幻灯片的一项。因此,如果您删除 itemsPerSlide 属性并添加 activeSliveIndex 就可以了。

    我已经分叉了你的 Stackblitz 并进行了这些更改以向你展示它是如何工作的:

    https://stackblitz.com/edit/ngx-bootstrap-itemperslide-carousel-example-oxm55r

    希望对您有所帮助!

    【讨论】:

    • 谢谢回答,但我需要一个多项目轮播。我现在已更改为另一个轮播。对于所有遇到同样问题的人,我现在使用npmjs.com/package/ngx-slick-carousel 并且它工作得很好:-)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-11-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-24
    • 2021-12-03
    • 1970-01-01
    相关资源
    最近更新 更多