File manager - Edit - /home/autoph/public_html/portal/ajs/vendors/bower_components/angular-nouislider/README.md
Back
angular-nouislider ================== Simple angular directive for jquery [nouislider](http://refreshless.com/nouislider/) plugin. Demo is [here](http://vasyabigi.github.io/angular-nouislider/). ### Usage: - Install: `bower install angular-nouislider` - Add `jquery`, `angular`, `nouislider` and `angular-nouislider` to your code: ```html <link rel="stylesheet" href="bower_components/nouislider/jquery.nouislider.css" /> <script src="bower_components/jquery/jquery.js"></script> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/nouislider/jquery.nouislider.js"></script> <script src="bower_components/angular-nouislider/src/nouislider.js"></script> ``` - Add a dependency to the `nouislider` module in your application. ```js angular.module('MyApp', ['nouislider']); ``` - Add a `slider` attribute to your `<div>` tag: ```html <div slider ng-model="test.single" start=1 end=10></div> <div slider ng-from="test.from" ng-to="test.to" start=0 end=100 step=5></div> ``` - If you wanna change [callback function](http://refreshless.com/nouislider/slider-events), use `callback` attribute. (`slide` by default.) ```html <div slider ng-model="test.single" start=1 end=10 callback='change'></div> <div slider ng-from="test.from" ng-to="test.to" start=0 end=100 step=5 callback='set'></div> ``` That's it! ### Screenshot: 
| ver. 1.4 |
.
| PHP 7.3.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings