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="https://github.com/charlieridley/ember-typeahead/raw/master/typeahead.js"></script>
<script src="https://github.com/charlieridley/ember-typeahead/raw/master/ember-typeahead.js"></script>
Add the typeahead tag in your handlebars template
{{type-ahead data=content name="colour" selection=myColour}}
Since ember-typeahead
extends Ember.TextField
, you can still bind other properties such as value
and action
:
{{type-ahead data=content name="colour" selection=myColour action=createNewColour value=colourText}}
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 the typeahead:selected
and typeahead: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.