# angular-slider-1
**Repository Path**: yzc_1988/angular-slider-1
## Basic Information
- **Project Name**: angular-slider-1
- **Description**: (DEPRECATED) Slider directive implementation for AngularJS, without jQuery dependencies
- **Primary Language**: CoffeeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-03
- **Last Updated**: 2020-12-29
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
DEPRECATED
==========
I am unable to maintain or update this repository any more. If you know more well maintained forks, let me know so I can link it here.
PopSugar: https://github.com/PopSugar/angular-slider (updated to work in current Angular version)
Venturocket: http://github.com/venturocket/angular-slider (highly modified)
RzSlider: https://github.com/rzajac/angularjs-slider (rewritten in JavaScript)
angular-slider
==============
Slider directive implementation for AngularJS, without jQuery dependencies. Requires AngularJS v1.1.4 or higher (optional isolate scope bindings support).
### Example:
Name: {{item.name}}
Cost: {{item.cost}}
### Range:
Name: {{position.name}}
Minimum Age: {{position.minAge}}
Maximum Age: {{position.maxAge}}
### Formatting:
Raw data can be formatted as text using the _translate_ attribute.
In your controller:
$scope.currencyFormatting = function(value) { return value.toString() + " $" }
And your HTML:
### Usage:
Make sure to load AngularJS first, and then `angular-slider.js`. Also include the related `angular-slider.css`.
The module is named `uiSlider`. To enable it, you must simply list it as a dependency in your app. Example:
var app = angular.module('app', ['uiSlider', 'ngResource', ...]);
You can then use it in your templates like so:
...
...
### Known issues:
1. When applying filters or orders within an ng-repeat directive, the element can abruptly change its position when the value attached to the slider causes a filter to activate or the order to change.
Example: In the above snippet, it would be a very bad idea to order the list by item.cost.
### Roadmap:
1. ~~Touch events support~~
2. Smooth curve heterogeneity
3. Filters support
### License: MIT