tariqporter and wesleycho fix(carousel): remove transition buffering
- Remove transition buffering

Closes #6367
Fixes #5967
Latest commit 86ee770 Dec 13, 2016


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.

uib-carousel settings

  • active (Default: Index of first slide) - Index of current active slide.

  • interval $ (Default: none) - Sets an interval to cycle through the slides. You need a number bigger than 0 to make the interval work.

  • no-pause $ (Default: false) - The interval pauses on mouseover. Setting this to truthy, disables this pause.

  • no-transition $ (Default: false) - Whether to disable the transition animation between slides. Setting this to truthy, disables this transition.

  • no-wrap $ (Default: false) - Disables the looping of slides. Setting no-wrap to an expression which evaluates to a truthy value will prevent looping.

  • template-url (Default: uib/template/carousel/carousel.html) - Add the ability to override the template used on the component.

uib-slide settings

  • actual $ (Default: none) - Use this attribute to bind the slide model (or any object of interest) onto the slide scope, which makes it available for customization in the carousel template.

  • index $ (Default: none) - The index of the slide. Must be unique.

  • template-url (Default: uib/template/carousel/slide.html) - Add the ability to override the template used on the component.