acha-framework/src/frontend/core/scripts/directives/dropdown/template.html

is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...

<div ng-show="visible" ng-click="vm.prevent($event)" class="af-dropdown af-component dropdown {{vm.plate?'open':''}} {{::cssClass}}">
    <button class="btn btn-default dropdown-toggle"
            ng-disabled="disabled||vm.waiting"
            type="button"
            ng-click="vm.toggle()">
        &nbsp;{{vm.getText()}}
        <span class="caret"></span>
    </button>
    <ul ng-if="vm.plate"
        class="dropdown-menu">
        <li ng-if="::!item.separator"
            class="{{item[valueField] === model ? 'active' : ''}}"
            ng-repeat-start="item in items"
            ng-click="vm.onPick(item)">
            <a href="javascript:void(0)">
                {{::item[textField]}}
            </a>
        </li>
        <li ng-repeat-end
            ng-if="::item.separator"
            role="separator"
            class="divider"></li>
    </ul>
</div>