UI.Slider--DIRTY

This directive allows you to add a cool input[range] / slider component to your page. Dirty version of http://github.com/angular-ui/ui-slider

Code on Github Download (0.0.0)

Minimal demo

Native input[type="range"] :
UI.Slider (no options) :

Simple ngModel demos

current value : {{_sliderValue}} %

Step demo

current value : {{_sliderUnderValue}}

No step (default 1)

step : 5

step : 0.5

step :

Max & Min ngModel demos

Fixed numbers

current value : {{_sliderMinMaxValue0}}
-50 50

Dynamic numbers

Min :
Max :

current value : {{_sliderMinMaxValue1}}
{{_sliderMin}} {{_sliderMax}}

In Form validation

10 20
_formModel = {{_formModel}}
_myForm.input.$valid = {{_myForm.input.$valid}}
_myForm.input.$error = {{_myForm.input.$error}}
_myForm.$valid = {{_myForm.$valid}}

Using range min

Color picker demos