angular-bootstrap-slider

WebJar for angular-bootstrap-slider

License

License

MIT
Categories

Categories

IDE Development Tools Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angular-bootstrap-slider
Last Version

Last Version

0.1.28
Release Date

Release Date

Type

Type

jar
Description

Description

angular-bootstrap-slider
WebJar for angular-bootstrap-slider
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/seiyria/angular-bootstrap-slider

Download angular-bootstrap-slider

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-bootstrap-slider/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-bootstrap-slider</artifactId>
    <version>0.1.28</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/angular-bootstrap-slider/
implementation 'org.webjars.bower:angular-bootstrap-slider:0.1.28'
// https://jarcasting.com/artifacts/org.webjars.bower/angular-bootstrap-slider/
implementation ("org.webjars.bower:angular-bootstrap-slider:0.1.28")
'org.webjars.bower:angular-bootstrap-slider:jar:0.1.28'
<dependency org="org.webjars.bower" name="angular-bootstrap-slider" rev="0.1.28">
  <artifact name="angular-bootstrap-slider" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='angular-bootstrap-slider', version='0.1.28')
)
libraryDependencies += "org.webjars.bower" % "angular-bootstrap-slider" % "0.1.28"
[org.webjars.bower/angular-bootstrap-slider "0.1.28"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : seiyria-bootstrap-slider jar [5.2,7.0)
org.webjars.bower : angular jar [1.3,1.6)

Project Modules

There are no modules declared in this project.

angular-bootstrap-slider

This plugin was mostly put together quickly with the intent of using something that worked. It has zero test coverage. It is, however, registered on bower as angular-bootstrap-slider. Just include slider.js and use the package ui.bootstrap-slider. You will also need to include bootstrap-sliders CSS and JS.

Available Options

See bootstrap-slider for examples and options.

Sample Usage

<!-- it can be used as an element -->
<slider ng-model="sliders.sliderValue" min="testOptions.min" step="testOptions.step" max="testOptions.max" value="testOptions.value"></slider>

<!-- ..or an attribute -->
<span slider ng-model="sliders.secondSliderValue" min="minTest"></span>

Troubleshooting

Tooltips

If you Want to hide the tooltip on your slider (or define a value for the bootstrap-slider data-slider-tooltip options, such as "show", "hide" or "always"), you should use the tooltip attribute, like this :

<!-- it can be used as an element -->
<slider ng-model="sliders.sliderValue" min="testOptions.min" step="testOptions.step" max="testOptions.max" value="testOptions.value" tooltip="hide"></slider>

But, if the tooltip attribute is in conflict with another angular directive, you can use the alternative slider-tooltip attribute :

<!-- it can be used as an element -->
<slider ng-model="sliders.sliderValue" min="testOptions.min" step="testOptions.step" max="testOptions.max" value="testOptions.value" slider-tooltip="hide"></slider>

Event Calbacks

<!-- event callbacks receive the name of the event and the associated value with that event -->
<slider ng-model="sliders.sliderValue" on-stop-slide="myCallback($event,value)"></slider>

Versions

Version
0.1.28
0.1.26
0.1.24
0.1.21
0.1.18
0.1.1
0.1.0
0.0.5