# angular-slider/angularjs-slider **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/angular-slider-angularjs-slider).** _How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._ 1,220 stars · 484 forks · JavaScript · MIT ## Links - GitHub: https://github.com/angular-slider/angularjs-slider - Homepage: http://angular-slider.github.io/angularjs-slider - awesome-repositories: https://awesome-repositories.com/repository/angular-slider-angularjs-slider.md ## Topics `angular` `javascript` `range-slider` `slider-directive` `slider-range` ## Description The angularjs-slider repository provides a lightweight slider directive built specifically for the AngularJS framework. It offers single-handle and dual-handle numeric selection components with no external dependencies, allowing users to pick values or ranges by dragging interactive handles along a track. The component supports extensive customization options, including minimum and maximum boundaries, forbidden zones, step increments, decimal precision, and custom markup templates. Developers can configure these parameters through instance-level attributes or via a centralized service provider for application-wide defaults. The interface also accommodates mobile touch interactions, layout orientations, localized translations, and CSS-class-based theming. For accessibility and data integration, the library includes keyboard navigation to adjust values incrementally without a mouse, along with two-way model binding that syncs slider states continuously to controller scope models. ## Tags ### User Interface & Experience - [Two-Way](https://awesome-repositories.com/f/user-interface-experience/data-binding/two-way.md) — Synchronizes slider handle values continuously with controller scope models using two-way data binding. - [Numeric Range Sliders](https://awesome-repositories.com/f/user-interface-experience/range-sliders/time-range-selections/numeric-range-sliders.md) — Provides a dual-handle range slider component letting users select minimum and maximum numeric boundaries smoothly. ([source](https://github.com/angular-slider/angularjs-slider/blob/master/README.md)) - [Mobile Touch Handlers](https://awesome-repositories.com/f/user-interface-experience/input-handling/mobile-touch-handlers.md) — Accommodates mobile touch interactions for seamless numeric adjustments on small screens. - [Slider Components](https://awesome-repositories.com/f/user-interface-experience/slider-components.md) — Provides a lightweight slider directive for AngularJS applications supporting single and range selections. - [Single-Handle Sliders](https://awesome-repositories.com/f/user-interface-experience/slider-components/single-handle-sliders.md) — Implements an interactive single-handle slider linked to numeric values with customizable floor and ceiling limits. ([source](https://github.com/angular-slider/angularjs-slider/blob/master/README.md)) - [Touch and Drag Interactions](https://awesome-repositories.com/f/user-interface-experience/touch-and-drag-interactions.md) — Tracks mouse and touch events smoothly across the document during drag interactions. - [Keyboard-Operable Sliders](https://awesome-repositories.com/f/user-interface-experience/content-sliders/accessible-sliders/keyboard-operable-sliders.md) — Supports accessible keyboard navigation with arrow keys for precise value adjustments. ([source](http://angular-slider.github.io/angularjs-slider)) - [Specialized Form Inputs](https://awesome-repositories.com/f/user-interface-experience/numeric-inputs/numeric-input-fields/specialized-form-inputs.md) — Configures custom numeric input boundaries, step increments, and decimal precision for strict value constraints. - [Visual Customizers](https://awesome-repositories.com/f/user-interface-experience/slider-components/visual-customizers.md) — Applies custom visual themes, right-to-left layouts, localized value translations, and custom markup templates. ([source](https://github.com/angular-slider/angularjs-slider#readme)) - [Element Dimension Tracking](https://awesome-repositories.com/f/user-interface-experience/viewport-dimension-tracking/element-dimension-tracking.md) — Dynamically recalculates container dimensions after render or resize to accurately map coordinates. ### Part of an Awesome List - [Attribute-Only DOM Directives](https://awesome-repositories.com/f/awesome-lists/devtools/directives-and-decorators/attribute-only-dom-directives.md) — Encapsulates DOM interactions and state behavior within reusable AngularJS attribute directives. - [Slider Appearance Options](https://awesome-repositories.com/f/awesome-lists/devtools/sliders-and-inputs/slider-appearance-options.md) — Allows configuring appearance, step intervals, limits, ticks, and layout orientation. ([source](https://github.com/angular-slider/angularjs-slider/blob/master/README.md)) - [Precision and Boundary Configurations](https://awesome-repositories.com/f/awesome-lists/devtools/sliders-and-inputs/precision-and-boundary-configurations.md) — Defines minimum and maximum limits, step increments, and decimal precision to control input granularity. ([source](https://github.com/angular-slider/angularjs-slider#readme)) ### Web Development - [AngularJS Component Libraries](https://awesome-repositories.com/f/web-development/angularjs-component-libraries.md) — Delivers a reusable web component built for AngularJS to handle numerical range input. - [AngularJS](https://awesome-repositories.com/f/web-development/route-generators/angularjs.md) — Integrates interactive UI components and custom directives into AngularJS web applications. ### Development Tools & Productivity - [Slider Default Overrides](https://awesome-repositories.com/f/development-tools-productivity/global-defaults/slider-default-overrides.md) — Enables setting application-wide default configuration options for all slider instances. ([source](https://github.com/angular-slider/angularjs-slider/blob/master/README.md)) ### Software Engineering & Architecture - [Provider Configurations](https://awesome-repositories.com/f/software-engineering-architecture/dynamic-function-injection/provider-configurations.md) — Allows application-wide default configurations through a centralized service provider.