Select

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.