angularjs ng-repeat不使用光滑的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。 相反，它应该是一行，因为最初的光滑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

尝试在声明中添加数据属性

示例，

<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>