This addon renders an angular-slider slider in a form field.
The easiest way is to install is with bower, this will also include dependencies:
bower install angular-schema-form-range-slider
Further you will have to add a dependency on rzModule
in your angular application:
angular.module('myApp', [
...,
'rzModule'
]);
The range-slider add-on adds a new form type, range
.
Form Type | Becomes |
---|---|
range | a range-slider widget |
Options can be passed directly through to the angular-slider through the 'options' attribute of the form field declaration. The available options are listed here.
Here's an example:
{
key: 'range',
type: 'range',
options: {
floor: 0,
ceil: 12,
...
}
}
Install dev dependencies:
npm install
Install project dependencies:
bower install
Run gulp to generate output:
gulp