lx-select
is a directive that create a selector that let user select one or multiple values from various sources.
Parameter | Type | Default | Description |
---|---|---|---|
lx-allow-clear | boolean |
false |
Allow user to clear the select model. |
lx-choices* | array |
The list of choices available in the dropdown menu. | |
lx-custom-style | boolean |
false |
Remove the LumX default style for select dropdown. |
lx-display-filter | boolean |
false |
Display the search filter. |
lx-error | boolean |
Set red error style. | |
lx-fixed-label | boolean |
false |
Input label will act like a classic placeholder. |
lx-helper | boolean |
false |
Display a helper message in the choice list. |
lx-helper-message | string |
The helper message displayed when lx-helper is true . |
|
lx-label* | string |
The input label displayed as a placeholder. | |
lx-loading | boolean |
false |
Display a loader in the choice list. |
lx-model-to-selection | function |
Convert the value stored in the ng-model into the value displayed in the choice list to match the selection. Two parameters are available: data (the original data) and callback (the function to call with the converted value). |
|
lx-multiple | boolean |
false |
Let the user select multiple values in the choice list. |
lx-selection-to-model | function |
Convert the value selected in the choice list into the value stored in the ng-model. Two parameters are available: data (the original data) and callback (the function to call with the converted value). |
|
lx-theme | string |
light |
Set this option to dark if selects are displayed into a dark box. Options: light , dark |
lx-valid | boolean |
Set green valid style. | |
ng-change | string |
Angular expression to be executed when input changes due to user interaction with the input element. | |
ng-disabled | expression |
If the expression is truthy, then the disabled attribute will be set on the element. | |
ng-model* | string |
Assignable angular expression to data-bind to. |