forked from SpoonX/aurelia-autocomplete
/
autocomplete.html
36 lines (32 loc) · 977 Bytes
/
autocomplete.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<template>
<div class="dropdown open">
<input
class="form-control dropdown-toggle"
value.bind="search & debounce:100"
placeholder="${'Search' | translate}"
type="text"
id="autocompleteDropdown"
data-toggle="dropdown"
autocomplete="off"
aria-haspopup="true"
aria-expanded="true">
</input>
<ul class="dropdown-menu" aria-labelledby="autocompleteDropdown"
show.bind="results.length > 0">
<li show.bind="lastFindPromise">
<i class="fa fa-circle-o-notch fa-spin"></i>
</li>
<template containerless
repeat.for="result of results">
<li
click.delegate="onSelect(result)"
style="cursor:pointer"
class="${result === selected ? 'au-target active' : 'au-target'}"
aria-expanded="true">
<a href="javascript: void(0)" innerhtml.bind="labelWithMatches(result)">
</a>
</li>
</template>
</ul>
</div>
</template>