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-filter | function |
Filter function called on filter change. | |
| 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. |