Carousel creates a carousel similar to bootstrap's image carousel.
The carousel also offers support for touchscreen devices in the form of swiping. To enable swiping, load the ngTouch
module as a dependency.
Use a <uib-carousel>
element with <uib-slide>
elements inside it. It will automatically cycle through the slides at a given rate, and a current-index variable will be kept in sync with the currently visible slide.
Use the no-wrap
attribute on a <uib-carousel>
element to control the looping of slides; setting no-wrap
to an expression which evaluates to a truthy value will prevent looping.
Use the template-url
attribute on a <uib-carousel>
or <uib-slide>
element to specify the url of a custom template to override the default templates.
Use the actual
attribute on a <uib-slide>
element to bind the slide model (or any object of interest) onto the slide directive's $scope
, which makes it available for customization in the carousel template.