You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Oct 5, 2019. It is now read-only.
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.
<!-- it can be used as an element --><sliderng-model="sliders.sliderValue" min="testOptions.min" step="testOptions.step" max="testOptions.max" value="testOptions.value"></slider><!-- ..or an attribute --><spansliderng-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 --><sliderng-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 --><sliderng-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 --><sliderng-model="sliders.sliderValue" on-stop-slide="myCallback($event,value)"></slider>
About
an angularjs directive for seiyria-bootstrap-slider
