Best AngularJs Range Slider Directives Plugins

Tesla Battery Range Calculator in Angular 2

Tesla Battery Range Calculator in Angular 2

Building Tesla’s battery range calculator with Angular 2+ reactive forms.

Features:

  • Reactive Form APIs
  • FormGroups
  • FormControls
  • Custom FormControls
  • ControlValueAccessor
  • Ahead-of-Time compiled

Angular 2 slider component

Angular 2 slider component

A Angular 2 slider component for creating easy-to-customize single or range sliders on your web application.

RangeSlider for Angular & Foundation5

RangeSlider for Angular & Foundation5

Range Sliders for Angular & Foundation5, with support for vertical/horizontal layouts and single/dual handles.

Angular Awesome Slider Control Directive

Angular Awesome Slider Control Directive

Angular awesome slider control directive.Original implementation provides very nice features but too much for my needs, this one just simplified.

Nouislider : Angular Range Slider

Nouislider : Angular Range Slider

Simple angular directive for jquery nouislider plugin.

AngularJS Slider Directive

AngularJS Slider Directive

Slider directive for AngularJS. No dependencies and mobile friendly.

  • Mobile friendly
  • Fast
  • Well documented
  • Customizable
  • Simple to use
  • Keyboard support

Angular Circular Slider

Angular Circular Slider

Angular port of circular slider which helps to slide range of values and images. It supports half(top/bottom/up/down) and full circle shapes.

Angular Circle Slider

Angular Circle Slider

Based angularJS a circular slider (a circular slider based on angularJS), currently has about features:

  • The basic function of a sliding ring modify data
  • Keyboard event supports keyboard events
  • Customize your style sass compiled using

Simple Multi-Range Slider with AngularJS

Simple Multi-Range Slider with AngularJS

Angular multirange is an AngularJS slider component which allows you to create a range picker with multiple floating points.

RG-Slider : AngularJS Range Slider

RG-Slider : AngularJS Range Slider

RG-Slider is simple lightweight range slider AngularJS directive which allows you to select a value range with custom step and navigator. You can easily manipulate with style by adding your own classes.