acha-framework
Version:
is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...
50 lines (49 loc) • 2.14 kB
HTML
<div ng-show="visible"
class="af-multi-select af-component"
dir="ltr"
ng-click="vm.prevent($event)">
<div style="width: 100%" class="select2 select2-container select2-container--default select2-container--below {{vm.plate?'select2-container--open':''}}">
<div ng-click="vm.togglePlate()" class="selection">
<div class="select2-selection select2-selection--multiple"
role="combobox"
aria-autocomplete="list"
aria-haspopup="true"
aria-expanded="true"
tabindex="0"
aria-owns="select2-e2-results">
<ul class="select2-selection__rendered">
<li ng-repeat="item in model"
class="select2-selection__choice"
title="{{::item[textField]}}">
<span ng-click="vm.onDelete($event,item)"
class="select2-selection__choice__remove"
role="presentation">×</span>
{{::item[textField]}}
</li>
</ul>
</div>
</div>
<span class="dropdown-wrapper" aria-hidden="true"></span>
</div>
<div ng-if="vm.plate" show-panel="{width: width, height: panelHeight}"
class="select2-container select2-container--default select2-container--open">
<span class="select2-dropdown select2-dropdown--below">
<span class="select2-results">
<ul class="select2-results__options"
role="tree"
aria-multiselectable="true"
id="select2-e2-results"
aria-expanded="true"
aria-hidden="false">
<li ng-repeat="item in items"
ng-click="vm.onAdd($event, item)"
class="select2-results__option"
role="treeitem"
aria-selected="{{model.indexOf(item) !== -1}}">
{{::item[textField]}}
</li>
</ul>
</span>
</span>
</div>
</div>