UNPKG

angular-ui-bootstrap

Version:

Native AngularJS (Angular) directives for Bootstrap

angular-ui.github.io/bootstrap/

angular-ui/bootstrap

58 lines (44 loc) • 2.03 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
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` <i class="glyphicon glyphicon-eye-open"></i> _(Default: `Index of first slide`)_ - Index of current active slide. * `interval` <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> _(Default: `none`)_ - Sets an interval to cycle through the slides. You need a number bigger than 0 to make the interval work. * `no-pause` <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> _(Default: `false`)_ - The interval pauses on mouseover. Setting this to truthy, disables this pause. * `no-transition` <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> _(Default: `false`)_ - Whether to disable the transition animation between slides. Setting this to truthy, disables this transition. * `no-wrap` <small class="badge">$</small> _(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` <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> _(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` <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> _(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.