An autocomplete component for ember.js using typeahead.js
Install using Bower
bower install ember-typeahead
Include typeahead.js
and ember-typeahead.js
<script src="typeahead.js"></script>
<script src="ember-typeahead.js"></script>
Add the typeahead tag in your handlebars template
{{type-ahead data=content name="colour" selection=myColour}}
data
An array of ember objects used for the lookup. This can also be a promise that resolves to an arrayname
The name of the property on the ember object which is to be displayedselection
Binds the selected value. This changes on thetypeahead:selected
andtypeahead:autocompleted
events (see typeahead.js custom events)
I didn't do any tests. For every line of untested code a puppy dies. 59 puppies died in the making of this component.