Angular Multiple Sliders Directive

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 }}

Angular Multiple Slider Image

Add comment

To prevent automated spam, you must answer this question:

  • Comment
  • Preview


Enkode offers development services for cloud-enabled software-as-a-service (SaaS). We can help you take your application from ideas to life. Create apps for employees and customers to drive business.
5450 E. Deer Valley Dr. #3016
United States