Javascript angular.js光滑旋转木马，显示空白幻灯片

我正在使用angular.js并使用光滑的旋转木马。我在旋转木马中有大约9个项目，只是稍微修改了样式（主要是移动上一个/下一个按钮），我得到了看起来像4-5张空白幻灯片的内容

这是我的滑头配置 （咖啡脚本）

---

有人知道我如何摆脱这些“鬼”幻灯片吗？

不久前，我在使用Slick slider时也遇到过类似的问题，可能需要花点时间才能恢复正常

如果两者都有

infinite: true
variableWidth: true

您可能还想添加

  centerMode: true
  slidesToShow: 1

---

这可以帮助滑块回收。因为你有“幻灯片显示=5”，它将一直持续到最后，直到5张幻灯片显示。但是，根据我的经验，如果一些幻灯片的宽度不同，并且您将其设置为无限，那么回收可能是一个问题。否则，请尝试关闭“无限”

我找到了slick的angular docs（），看到了一个

事件

函数，我可以将其绑定。我有9个占位符元素，所以我把

event:
  afterChange: (event, slick, currentSlide, nextSlide) ->
    if currentSlide == 8
      slick.slickGoTo(1)
    return

---

肯定很脏，希望它能更好地处理这个问题，但它现在起作用了。

谢谢你的回答，但不幸的是，这没有起到多大作用：（是的，它可能需要一点摆弄设置才能正确。我看到你必须添加额外的项目来修复它，这有点烦人。如果你喜欢，可以将它放在JSFIDLE或其他东西上，我可以更好地查看它。是的，这很烦人。我从中注意到的另一个问题是，我会调整一些东西，然后再调整所有东西。）我会坏掉的。例如，它在之前的额外图像中似乎工作得很好，现在又坏了。它可能是我放置的容器的宽度，它的宽度是

1000px

+宽，但它仍然不能正常工作，现在我在旋转木马中有一个巨大的空白区域。你知道这方面的解决方法吗？比如我能想到的方法是在

n

元素数之后自动重置，或者单击鼠标，让它在元素之间不断来回移动。也许这两种方法都可以工作，但我不确定如何调用其他函数或slick允许您访问哪些函数。滑块容器应该自动设置为100%由Slick JS提供。我认为根据您使用的参数，有时它们可能会相互冲突。就像我的幻灯片是不同的宽度，所以当我将其设置为无限时，滑块存在回收问题。但是如果您显示的是4张幻灯片，并且一次只循环一张幻灯片，那么应该不会有问题，尤其是如果幻灯片是一张幻灯片你可能想试试不同的滑块，比如

event:
  afterChange: (event, slick, currentSlide, nextSlide) ->
    if currentSlide == 8
      slick.slickGoTo(1)
    return