INT-SELECTOR
int-selector is an angular directive, that allow to select int values, and int ranges, like you do when you select page that you want to print.
1; 3-5 // means select [1,3,4,5]
This directive is perfect to select pages of course, but also years.
Usage
- Installation
npm install int-selector -save
- Add file to your build (webpack, gulp...)
node_modules/int-selector/dist/intselector.js
node_modules/int-selector/dist/intselector.css
-
Dependencies
- angularjs 1.x
- bootstrap 3.x
- lodash
-
Configuration
- Add module to your angular application
angular.module("YourApp", [..., 'int-selector', ...]);
- Add directive to your html
<int-selector
name="string"
placeholder="string"
labels="object"
separator="char"
separators="string"
ng-model="expression"
ngSuggests="expression"
fixed="integer"
min="integer"
max="integer"
reverse="boolean"
ng-disabled="expression" disabled="boolean"
ng-readonly="expression" readonly="boolean"
ng-required="expression" required="boolean"
ng-change="expression"
key-nav="expression">
</int-selector>
- Options
- name : the name used in form, you can use it for get the validity of input form.inputname.$valid : default value : undefined
- ng-model : the integers array result. : default value : []
- min : Min value accepted. : default value : 0
- max : Max value accepted. : default value : Number.MAX_SAFE_INTEGER : 9007199254740991
- ng-suggests : Values in dropdown menu : default value : []
- ng-disabled/disabled : Disable input, input value will be hide, it's different of readonly. : default value : false
- ng-readonly/readonly : Readonly input. : default value : false
- ng-required/required : Empty enter is not accepted. : default value : false
- fixed : Size of each input, usefull for years for example. : default value : undefined
- separator : Int separator. : default value : ';'
- separators : Int separators accepted from keyboard. : default value : ';'
- key-nav : Add keys navigation feature, ArrowUp, ArrowDown, Add(+) : default value : true
- ng-change : handler when value change. function receives two arguments, data (current list of int) and old, (previous list of int) : handlerChange(data, old). : default value : undefined
- placeholder : placeholder text : default value : 'Enter values or ranges, separed by comma...'
- labels : all and none text : default value : '{all:'All', none:'None'}'