index of active slide in angular ui.bootstrap.carousel

Question

I want to synchronize the movement of an angular bootstrap directive carousel with an animation of another image.

i.e. when the carousel switches to show the 5th slide, I want to show the 5th image from some array.

I am guessing that the "angular way" to do something like this would be to bind the current index of the slide to some common "upper in the hierarchy" scope and then create a directive that will show the Nth image from my second data source.

but It just does not seem as if the carousel controller is exposing this information...

how do I "extract/bind to" the index of the current slide?

user3238454 · Accepted Answer · 2014-06-24 22:27:01Z

1

you can just use {{$index}} within the scope of your slides to access the active slide index

answered Jun 24, 2014 at 22:27

user3238454

741 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

epeleg Over a year ago

I actually ended up using my own directive instead of the bootstrap carousel but thanks for the info.

Collectives™ on Stack Overflow

index of active slide in angular ui.bootstrap.carousel

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related