UNPKG

angular-ui-bootstrap

Version:

Native AngularJS (Angular) directives for Bootstrap

angular-ui.github.io/bootstrap/

angular-ui/bootstrap

51 lines (36 loc) • 1.67 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
With the buttons directive, we can make a group of buttons behave like a set of checkboxes (`uib-btn-checkbox`) or behave like a set of radio buttons (`uib-btn-radio`). ### uib-btn-checkbox settings * `btn-checkbox-false` _(Default: `false`)_ - Sets the value for the unchecked status. * `btn-checkbox-true` _(Default: `true`)_ - Sets the value for the checked status. * `ng-model` <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> - Model where we set the checkbox status. By default `true` or `false`. ### uib-btn-radio settings * `ng-model` <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> - Model where we set the radio status. All radio buttons in a group should use the same `ng-model`. * `uib-btn-radio` - <small class="badge">$</small> Value to assign to the `ng-model` if we check this radio button. * `uib-uncheckable` <small class="badge">$</small> _(Default: `null`)_ - An expression that evaluates to a truthy or falsy value that determines whether the `uncheckable` attribute is present. * `uncheckable` <small class="badge">B</small> - Whether a radio button can be unchecked or not. ### Additional settings `uibButtonConfig` * `activeClass` _(Default: `active`)_ - Class to apply to the checked buttons. * `toggleEvent` _(Default: `click`)_ - Event used to toggle the buttons. ### Known issues To use tooltips or popovers on elements within a `btn-group`, set the tooltip/popover `appendToBody` option to `true`. This is due to Bootstrap CSS styling. See [here](http://getbootstrap.com/components/#btn-groups) for more information.