3 is the last version rating bar programmatically this library that supports AngularJS 1. 0 is the last version that supports AngularJS 1.
0 is the last version of this library that supports Bootstrap CSS in version 2. All the options are described and can be downloaded from here. Alternativelly, if you are only interested in a subset of directives, you can create your own build. Installation As soon as you’ve got all the files downloaded and included in your page you just need to declare a dependency on the ui.
If you are using UI Bootstrap in the CSP mode, e. You can fork one of the plunkers from this page to see a working example of what is described here. Migration to prefixes Since version 0. 0 we started to prefix all our components.
Did not find what they wanted? Try here
If you are upgrading from ui-bootstrap 0. 4 or earlier, check our migration guide. But in AngularJS adding empty href attributes to link tags will cause unwanted route changes. This is why we need to remove empty href attributes from directive templates and as a result styling is not applied correctly. The remedy is simple, just add the following styling to your application: . For the directives, we list the different attributes with their default values. B – This setting is a boolean.
This setting expects an angular expression instead of a literal string. The service’s settings use camel case. The services can be configured in a . This content is straight in the template. This is just some content to illustrate fancy headings. The accordion directive builds on top of the collapse directive to provide a list of items, with collapsible bodies that are collapsed or expanded by clicking on the item’s header.
The body of each accordion group is transcluded into the body of the collapsible element. Control whether expanding an item will cause the other items to close. Add the ability to override the template used on the component. The clickable text on the group’s header. You need one to be able to click on the header for toggling. Whether the accordion group is disabled or not. Whether accordion group is open or closed.
Accordion heading Instead of the heading attribute on the uib-accordion-group, you can use an uib-accordion-heading element inside a group that will be used as the group’s header. Known issues To use clickable elements within the accordion, you have to override the accordion-group template to use div elements instead of anchor elements, and add cursor: pointer in your CSS. This is due to browsers interpreting anchor elements as the target of any click event, which triggers routing when certain elements such as buttons are nested inside the anchor element. A callback function that gets fired when an alert is closed. If the attribute exists, a close button is displayed as well. Takes the number of milliseconds that specify the timeout duration, after which the alert will be closed.
This attribute requires the presence of the close attribute. Add the ability to override the template used in the component. Sets the value for the unchecked status. Sets the value for the checked status. Model where we set the checkbox status.
Model where we set the radio status. All radio buttons in a group should use the same ng-model. Value to assign to the ng-model if we check this radio button. An expression that evaluates to a truthy or falsy value that determines whether the uncheckable attribute is present. B – Whether a radio button can be unchecked or not.