https://github.com/allexcd/angularjs-custom-slider
Custom AngularJS slider directive to work on most mobile devices, including Windows powered mobile devices.
https://github.com/allexcd/angularjs-custom-slider
Last synced: 10 months ago
JSON representation
Custom AngularJS slider directive to work on most mobile devices, including Windows powered mobile devices.
- Host: GitHub
- URL: https://github.com/allexcd/angularjs-custom-slider
- Owner: allexcd
- License: mit
- Created: 2014-05-18T19:51:17.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-06-27T14:48:39.000Z (almost 12 years ago)
- Last Synced: 2025-05-18T04:16:21.641Z (about 1 year ago)
- Language: JavaScript
- Size: 223 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
##custom-angularjs-slider
Custom AngularJS slider directive to work on most mobile devices, including Windows powered mobile devices.
##Usage
Once you've checked that everything is in place, you can use this directive like so:
```html
```
##Parameters
range-interval, min-range, max-range -> Scope controlled values
range-increment-flag
It takes a boolean value. True means that the slider will automatically apply an incrementation taking maximum value into account.
For instance, when set to true, the incrementation will be done like so:
* max-range >= 10 -> incrementation by 1
* max-range >= 100 -> incrementation by 10
* max-range >= 1000 -> incrementation by 100
* max-range >= 100000 -> incrementation by 1000
* and so on
##Tested on:
* HTC One - Android v4.4.2 - Native browser v5.8.2 - Chrome browser v35.0.1916.138
* HTC One XL - Android v4.1.1 - Native browser v4.51 - Chrome browser v35.0.1916.138
* Sony Xperia Z 4G C6603 - Android v4.3 - Chrome browser v35.0.1916.138
* Sony Xperia T LT30p - Android v4.1.2 - Native browser v1.0.1 - Chrome browser v18.0.1025460
* Nokia Lumia 925 PureView - Windows Phone 8.0.10328.78 - IE 10 Mobile
* Samsung Note 2 GT-N7105 - Android v4.1.2 - Native browser v4.1.2 - Chrome browser v35.0.1916.138
* LG Optimus LG-P880 - Android v4.1.2 - Native browser v4.1.41104
* Blackberry Q10 - Software v10.2.0.415
* iPhone 5 - iOS v7.1.1
* iPhone 4
##Demo
http://plnkr.co/edit/pwadYF9OBiPPeRz9cgmh?p=linter