AngularJS UI Bootstrap Carousel go to slide?

Question

I'm new to this AngularJS thing, and I want to create a carousel with Angular UI Bootstrap. Is it possible to go to a specific slide by clicking an button?

http://plnkr.co/edit/X0Mr1sPUr5Je0tfkzgjy

Many thanks!

Solution

Sure. Each slide can have a bindable active property. You can use it to mark any slide as active. Here is an example in a plunk: http://plnkr.co/edit/hvfaMFz4q1AlbOpuOwFv?p=preview

Comments

[Lucius]

i thought i needed to set that property of the currently active slide to false, and this created a flicker. This solution is simple, thank you very much

[anam]

@pkozlowski.opensource i checked in plunker , passing array no. 3 gives error ,its not working plnkr.co/edit/F8ixwSIWsgbqLs7WCVuf?p=preview

[Jhourlad Estrella]

This doesn't seem to work if slides are static. Controller throws "$scope.slide is undefined"