Angular and JQuery Cycle 2 Carousel Collision

Question

I'm trying to incorporate JQuery Cycle 2's carousel functionality into an angular app. Everything works fine when I drop the images in the <div class="carousel">, but when I use data-ng-repeat to list out the images from JSON, the carousel function doesn't fire.

I suspect this is a timing issue, but not sure and not sure how to fix it.

Answer 1

So, I ended up going outside of Angular and using PHP to draw the images. A lot easier in the shortrun to not rely on Angular for everything :P

Answer 2

try to use cycle slideshow add function :

$('.cycle-slideshow').cycle('add', '<img src="'+value+'">');