Angular Multiple Sliders Directive

October 31, 2015 16:41 Posted by keith Filed Under AngularJs

Pure Angular slider control with no JQuery Dependencies. This demo utilizes UI Bootstrap version 0.14.3 which also requires ngAnimate. These are not required for the angular-multi-slider, just for this demo.

Developer Page - Demo Site

Single Slider - Hover / Grab Bubble

          {{ slider | json}}

Multiple Sliders with defined Colors in a Form - Persistent Bubbles

          {{ sliders | json}}

Form Dirty: {{ sliderForm.$dirty }}
Form Pristine: {{ sliderForm.$pristine }}
Slider Dirty: {{ sliderForm.mySlider.$dirty }}
Slider Pristine: {{ sliderForm.mySlider.$pristine }}