1

I have this carousel using ui.bootstrap for angularJS. It is being put in a and so far I have it looking right and the carousel indicators dots show up and work correctly letting me select whatever image I want. However, there are two arrows (one on each end letting you go back and forth), that when I click for the first time will work, but after that they don't do anything. Anyone know what is causing this?

<carousel>
  <slide ng-repeat="image in user.Contact.ImageUploads">
    <img ng-src="{{image}}" class="image" style="height:200px; margin:auto">
  </slide>
</carousel>
amphetamachine
  • 27,620
  • 12
  • 60
  • 72
noah
  • 131
  • 1
  • 3
  • 5

1 Answers1

3

I've run into this as well. ngAnimate and ui.bootstrap don't play nicely - you'll need to disable ngAnimate for the carousel. See related question here: angularjs corousel stops working

Community
  • 1
  • 1
Dan Keiger
  • 671
  • 5
  • 12