angularjs ng-repeat не работает с slick js

Question

У меня есть этот код для отображения изображений с помощью slick.js.

<div> 
    <slick infinite="true" slides-to-show="4" slides-to-scroll="1"> 
    <div ng-repeat="var in myArray" class="slick-item"> 
     <div class="truckImage truck-error"></div> 
    </div> 
    </slick> 
</div> 

и ниже - выход.

Если я использую три разных div, чем это работает отлично, но не с ng-repeat. вместо этого он должен появиться в одной строке, как работает первоначально slick js.

Answer 1

<div> 
    <slick infinite="true" slides-to-show="4" slides-to-scroll="1"> 
    <div class="row"> 
     <div ng-repeat="var in myArray" class="slick-item"> 
     <div class="col-md-4 truckImage truck-error"></div> 
     </div> 
    </div> 
    </slick> 
</div> 

Я думаю, что это сработает для вас, дайте мне знать, если он не работает. я только добавил <div class="row">, а затем <div class="col-md-4 truckImage truck-error"></div>

Answer 2

Try добавлением атрибута данных в вашей декларации

примера,

<slick infinite="true" data="myArray" slides-to-show="4" slides-to-scroll="1"> 
    <div ng-repeat="var in myArray" class="slick-item"> 
     <div class="truckImage truck-error"></div> 
    </div> 
</slick>