This is my Typeahead directive. It simply wraps Twitter Bootstrap's Typeahead js plugin in a directive so your Angularjs app will 'see' your selection.
You need to include the igTypeahead.js file before your app, but after angular.
This directive creates a new html element (!) called typeahead. In your markup you put
<typeahead></typeahead>, and anguar will replace it with an
<input /> when bootstrapping/rendering.
At a minimum,
<typeahead> needs a
list attribute, where the value of
choice is the model the selected choice is to be stored, and
list is either an array of strings, or a function that returns an array of strings.
You can add any other attributes to
<typeahead>, such as
autocomplete, and they will just get passed along to the
<input /> that angular creates while rendering/bootstrapping.
- Angularjs (Tested against 1.0.1 and 1.0.4)
- Bootstrap Typeahead jQuery plugin (which, inturn requires jQuery) (Tested against 2.0.0 through 2.2.2)