<div class="sort-pf">

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

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

{{$ctrl.config.currentField.title}}

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

</button>

<ul uib-dropdown-menu>

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

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

{{item.title}}

</a>

</li>

</ul>

</div>

<button class="btn btn-link" type="button" ng-click="$ctrl.changeDirection()">

<span class="sort-direction" ng-class="$ctrl.getSortIconClass()"></span>

</button>

</div>