w11k-select

w11k-select is an AngularJS directive created to replace the default HTML select element which has a poor usability for most use cases particularly in desktop browsers.

Features:

Demo List

Form is dirty
Form is pristine
Form is valid
Form is invalid
Field is dirty
Field is pristine
Field is valid
Field is invalid

Configuration

{{$ctrl.mergeConfig([$ctrl.staticConfigFlat, $ctrl.dynamicConfigFlat]) | json}}

Output

{{$ctrl.selected.dataFlat | json}}

Demo Hierarchically

Form is dirty
Form is pristine
Form is valid
Form is invalid
Field is dirty
Field is pristine
Field is valid
Field is invalid

Configuration

{{$ctrl.mergeConfig([$ctrl.staticConfigDeep, $ctrl.dynamicConfigDeep]) | json}}

Output

{{$ctrl.selected.dataDeep | json}}

Installation & Usage

See Project's README at https://github.com/w11k/w11k-select