ng-repeat avec slick carrousel js
Je suis nouveau sur angularjs et j'ai du mal à travailler avec ng-repeat pour js plugins comme https://github.com/vasyabigi/angular-slick et quelques autres modules js (bannières...)
<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
Peut-être il n'y a pas assez de temps pour attendre que toutes les images de terminer le rendu avant le slickJs prend des mesures.
La directive n'ont $timeout (https://github.com/vasyabigi/angular-slick/blob/master/dist/slick.js) si.
Vous devez vous connecter pour publier un commentaire.
Semble fonctionner sans problèmes.
Plunker Démo
Peut-être vous pouvez montrer le code dans votre répertoire src, pas le résultat?
html:
contrôleur:
Vous pouvez ajouter init-onload=true et data=(urDataArray):
html:
Source:
https://github.com/vasyabigi/angular-slick/issues/2
Plunker:
http://plnkr.co/edit/fakN9jW5h1ssWaiWaHeN?p=preview