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

I was attempting to figure out how to set my first item in the Bootstrap Carousel: http://getbootstrap.com/javascript/#carousel

To a class of "active" on page load, like this:

And solved it by using the ngClass directive: https://docs.angularjs.org/api/ng/directive/ngClass

To add an expression that determines whether the index is 0, and then sets the class to "active".

Example:

This renders on the page as: