Question

我正在使用angular.js并使用光滑的旋转木马。我在旋转木马上有大约9个项目，并且只略微修改了样式（主要是移动了prev / next按钮），我得到的是4-5张空白幻灯片

这是我的光滑配置（CoffeeScript的）

$scope.firstSlickConfig = {
      arrows: true
      slidesToShow: 5
      rows: 1
      draggable: false
      slidesToScroll: 1
      infinite: true
      dots: false
      variableWidth: true
      responsive: [
        {
          breakpoint: 1450
          settings:
            slidesToShow: 1
            infinite: true
            slidesToScroll: 1
            slidesPerRow: 1
        }
        {
          breakpoint: 960
          settings:
            enabled: true
            draggable: true
            slidesToShow: 3
            slidesToScroll: 1
            rows: 1
            infinite: true
            arrows: true
        }
        {
          breakpoint: 786
          settings:
            enabled: true
            draggable: true
            slidesToShow: 2
            slidesToScroll: 1
            rows: 1
            infinite: true
            arrows: true
        }
        {
          breakpoint: 415
          settings:
            enabled: true
            draggable: true
            slidesToShow: 2
            slidesToScroll: 1
            rows: 1
            infinite: true
            arrows: true
            mobileFirst: true
        }
      ]
    }

有谁知道我怎么能摆脱这些鬼魂＆＃39;幻灯片？

Answer 1

当我不久前使用Slick滑块时，我遇到了类似的问题，可能需要一些摆弄才能做到正确。

如果你有两个

  centerMode: true
  slidesToShow: 1

您可能还想添加

{{1}}

哪个可以帮助滑块回收。因为你有＆＃34;幻灯片显示= 5＆＃34;它将一直持续到5个幻灯片显示。但是，如果某些幻灯片的宽度不同而且您将其设置为无限，则根据我的经验，回收可能是一个问题。否则请尝试关闭无限。

Answer 2

我找到了光滑的角度文档（https://github.com/devmark/angular-slick-carousel）并看到了我可以绑定的event函数。我有9个占位符元素，所以我只是把

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

绝对很脏，希望它能更好地处理，但现在可以使用。

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

2 个答案: