ui-select

ui-select github page

Important: do not import the select.css or else some of the styling will be broken

I seriously want to hire {{$select.selected.name}} because he/she just rocks at organizing LAN parties.

<div class="lui material compact">
	<ui-select multiple ng-model="colors" ng-disabled="disabled">
		<ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
		<ui-select-choices repeat="color in availableColors | filter:$select.search">
			{{color}}
		</ui-select-choices>
	</ui-select>
</div>
...
<div class="lui natural form">
	<span>I seriously want to hire</span>
	<ui-select ng-model="person.selected" search-enabled="false">
		<ui-select-match placeholder="Pick a user">{{$select.selected.name}}</ui-select-match>
		<ui-select-choices repeat="person in people | filter: $select.search">
			<span ng-bind-html="person.name | highlight: $select.search"></span>
		</ui-select-choices>
	</ui-select>
	<span>because he/she just rocks at organizing LAN parties.</span>
<div>