нг-повтор с Slick каруселью

Question

расслоение плотной

Я новичок в angularjs и у меня трудное время работы с нг-повтора для JS плагинов, таких как https://github.com/vasyabigi/angular-slick и некоторые другие JS модули (баннерной ...)

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

Может быть, вы можете показать код в вашем СРК, а не результат?

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", 
    ]; 
}); 

Answer 2

Вы можете добавить INIT-OnLoad = истина и данные = (urDataArray):

HTML:

<slick autoplay="true" autoplaySpeed="500" fade="true" init-onload=true data="slides"> 
<div ng-repeat="slide in slides"><img data-lazy="..."/></div> 
</slick> 

Источник: https://github.com/vasyabigi/angular-slick/issues/2

Plunker: http://plnkr.co/edit/fakN9jW5h1ssWaiWaHeN?p=preview