title: ng-repeat with slick js carousel
body: <p>I'm new to angularjs and I have a hard time working with ng-repeat for js plugins like <a href="https://github.com/vasyabigi/angular-slick" rel="nofollow">https://github.com/vasyabigi/angular-slick</a> and some other js modules (banner...)</p>
  
  <pre><code>  &lt;slick class="slider lazy"&gt;
     &lt;div ng-repeat="slide in slides"&gt;&lt;div class="image"&gt;&lt;img data-lazy="http://vasyabigi.github.io/angular-slick/images/lazyfonz2.png"/&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/slick
  
       &lt;slick class="slider lazy"&gt;
         &lt;div&gt;&lt;div class="image"&gt;&lt;img data-lazy="..."/&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;div&gt;&lt;div class="image"&gt;&lt;img data-lazy="..."/&gt;&lt;/div&gt;&lt;/div&gt;...  &gt;&gt; without ng-repeat, it works
      &lt;/slick
  </code></pre>
  
  <p>Maybe there's not enough time to wait for all images finish rendering before the slickJs takes action.</p>
  
  <p>The directive does have $timeout (<a href="https://github.com/vasyabigi/angular-slick/blob/master/dist/slick.js" rel="nofollow">https://github.com/vasyabigi/angular-slick/blob/master/dist/slick.js</a>) though.</p>