ngx-bootstrap 轮播添加带按钮的幻灯片

Question

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

我已经尝试替换完整的幻灯片数组，但还是出现了同样的问题。

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

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

Answer 1

似乎 dynamic ngx-carousel 每张幻灯片仅适用于一个项目。因此，如果您删除 itemsPerSlide 属性 并添加 activeSliveIndex 即可。

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

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

希望对您有所帮助！