<div uib-dropdown class="btn-group">

<button uib-dropdown-toggle type="button" class="btn btn-default">

{{$ctrl.getDisplayValue($ctrl.selected || $ctrl.emptyValue)}}

<span class="caret"></span>

</button>

<ul uib-dropdown-menu>

<li ng-if="$ctrl.emptyValue" ng-class="{'selected': !$ctrl.selected}">

<a href="javascript:void(0);" role="menuitem" tabindex="-1" ng-click="$ctrl.selectItem()">

{{$ctrl.emptyValue}}

</a>

</li>

<li ng-repeat="item in $ctrl.options" ng-class="{'selected': item === $ctrl.selected}">

<a href="javascript:void(0);" role="menuitem" tabindex="-1" ng-click="$ctrl.selectItem(item)">

{{$ctrl.getDisplayValue(item)}}

</a>

</li>

</ul>

</div>