Angular Slick旋转木马滑动堆叠在页面中

Question

我在我们的应用程序主页中使用了Angularjs光滑的轮播控件。它可能会工作一段时间，但大部分时间都是失败的。我已经选择一次显示3张幻灯片，并有大约34张幻灯片。现在，当我加载页面时，幻灯片会叠加在一起。请看截图。

<slick responsive="breakpoints" dots ="false" infinite ="true" autoplay ="true" speed="500" slides-to-show= "4" slides-to-scroll="4" class="slickContainer">
     <ul class="slider responsive" ng-repeat="item in slides">
        <li>
            <a ng-click="gotoContentPage(item.ContentId, item.ChapterId)"><span>{{item.ContentId}}</span>{{item.ContentCaption}}</a>
        </li>
     </ul>
    </slick>

我也没有在控制台中收到任何错误。任何帮助将受到高度赞赏。

Answer 1

我得到了解决这个问题的方法。我想在这里发布它可以帮助将来有类似问题的人。 在绑定数据后，我立即刷新了解决了我的问题的滑块。该代码片段如下。

$('.slickContainer').slick('refresh');