Skip to content
This repository was archived by the owner on May 29, 2019. It is now read-only.

Latest commit

 

History

History
55 lines (43 loc) · 1.92 KB

README.md

File metadata and controls

55 lines (43 loc) · 1.92 KB

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.

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.