Setting active slide on angular-ui-bootstrap carousel

Question

I\'m using angular, bootstrap and a plugin called \"ui-bootstrap\" for angular to make a carousel.

I have a list of thumbnails and when clicking one a modal with the ima

Answer 1

There is an active directive on the uib-carousel element:

You can set the active slide by assigning the $index of the desired slide to the active parameter:

Make slide 3 active

AngularUI watches the 'active' field and will create a smooth transition to the selected slide.

I believe this behavior is recent and supersedes setting the active property from the older versions.