ng-repeat with slick js carousel

Question

我是angularjs的新手,我很难使用ng-repeat for js插件,比如https://github.com/vasyabigi/angular-slick和其他一些js模块(banner ...)

  <slick class="slider lazy">
   <div ng-repeat="slide in slides"><div class="image"><img data-lazy="http://vasyabigi.github.io/angular-slick/images/lazyfonz2.png"/></div></div>
</slick

     <slick class="slider lazy">
       <div><div class="image"><img data-lazy="..."/></div></div>
        <div><div class="image"><img data-lazy="..."/></div></div>...  >> without ng-repeat, it works
    </slick

也许没有足够的时间等待所有图像在slickJs采取行动之前完成渲染.

该指令确实有$ timeout(https://github.com/vasyabigi/angular-slick/blob/master/dist/slick.js).

Answer 1

似乎没有问题.

Plunker演示

也许你可以在你的src中显示代码,而不是结果？

HTML:

<slick autoplay="true" autoplaySpeed="500" fade="true">
  <div ng-repeat="image in images">
    <img data-lazy="{{image}}">
  </div>
</slick>

控制器:

var app = angular.module('demo',['slick']);

app.controller('Ctrl', function($scope) {
  $scope.images = [
    "http://vasyabigi.github.io/angular-slick/images/lazyfonz1.png",
    "http://vasyabigi.github.io/angular-slick/images/lazyfonz2.png",
    "http://vasyabigi.github.io/angular-slick/images/lazyfonz3.png",
    ];
});