* Mouse Controls
Move with the mouse, click an option to select, click away from the dropdown to close.
* Keyboard Controls
Up/Down to move, Enter to select, Escape to close.
* Searching
Type into the input to narrow down the option list.
<search-select ng-model="main.currentFruitOption" options="main.fruitOptions" label-keys="name" placeholder-text="Select Fruit" font-awesome-icon="fa-lemon-o"> </search-select>
vm.disabled = false;
<button ng-click="main.disabled = !main.disabled"> Toggle Disable Value </button> <search-select ng-model="main.currentUserOption" options="main.userOptions" label-keys="first_name last_name" placeholder-text="Select User" font-awesome-icon="fa-user" disabled="main.disabled"> </search-select>
vm.currentVideoGameCharacterOption = { characterId: 6, name: 'Sonic', weapon: 'Speed' }
<search-select ng-model="main.currentVideoGameCharacterOption" options="main.videoGameCharacterOptions" id-key="characterId" label-keys="name" placeholder-text="Select Character" font-awesome-icon="fa-user"> </search-select>