2017-02-01 33 views
0

我有使用slick.js显示图像的代码。angularjs ng-repeat不适用于光滑的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> 

以下是输出。 enter image description here

如果我使用三个不同的div比它工作正常,但不能与ng重复。 相反,它应该来作为最初的光滑js作品单行。

回答

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

+0

我已经尝试过这一切。没有为我工作。 –

+0

你可以请把你的代码放在plnkr.co网站,通过它我们可以试试你的代码 –

0

尝试,

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

是的,我已经试过这个。仍然没有奏效。 –