Need help with angular-typeahead?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Siyfion
209 Stars 75 Forks MIT License 92 Commits 5 Opened issues

Description

A very simple Angular.js wrapper around the Twitter Typeahead library.

Services available

!
?

Need anything else?

Contributors list

# 104,498
GraphQL
Scala
dao
Node.js
45 commits
# 14,032
TypeScr...
Scala
Electro...
data-ma...
8 commits
# 354,950
JavaScr...
PHP
silex
3 commits
# 62,784
repl
Clojure...
Clojure
css-fra...
2 commits
# 257,112
HTML
vanilla...
inputma...
maskedi...
2 commits
# 37,270
Java
Groovy
jvm
spring-...
2 commits
# 301,230
JavaScr...
HTML
elk-sta...
siem
1 commit
# 666,741
JavaScr...
1 commit
# 636,625
JavaScr...
1 commit
# 63,603
Python
Git
Shell
C
1 commit
# 25,498
css-fra...
nginx
nginx-c...
CSS
1 commit
# 171,830
Ruby
Shell
JavaScr...
Rails
1 commit
# 212,414
zip
React N...
unzip
Android
1 commit

sfTypeahead: A Twitter Typeahead directive

Build Status Coverage: 100% Version dependencies Status

A simple Angular.js directive wrapper around the Twitter Typeahead library.

Getting Started

Get angular-typeahead from your favorite source:

Note: angular-typeahead supports Angular.js v1.2.x through v1.5.x and depends on typeahead.js v0.11.x. Make sure dependencies are met in your setup:

  • global: include jQuery, angularjs and typeahead.js before angular-typeahead.js.
  • commonJS (node, browserify): angular-typeahead explicitly requires
    angular
    and
    typeahead.js
    . (note: with browserify, include jquery.js and typeahead.js externally, because angular does not define a dependency on jquery)
  • amd (require.js): angular-typeahead explicitly requires
    angular
    and declares itself as
    angular-typeahead
    . Note that
    typeahead.js
    does not work well with AMD.js, you may find this workaround useful.

Demo

Please feel free to play with the Plnkr: LIVE DEMO

Usage


See the Plnkr LIVE DEMO for a complete integrated example.

Parameters

| Parameter | Default | Description | |---------------|---------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | datasets | {} | One or an array of twitter typeahead datasets. | | options | {} | Options parameter passed directly to twitter typeahead. | | allow-custom | true | Boolean. If false, the model value can not take custom values as text is typed in the input field. |

Contributing

Please feel free to add any issues to the GitHub issue tracker.

Contributions are welcome but please try to adhere to the folowing guidelines:

Testing

Any code you write should be tested. Test the "happy path" as well as corner cases. Code cannot be merged in master unless it achieves 100% coverage on everything. To run tests automatically when a file changes, run

npm run watch
.

Tests run in Chrome by default, but you can override this by setting the

KARMA_BROWSER
environment variable. Example:
sh
KARMA_BROWSER=Firefox npm run watch
KARMA_BROWSER=PhantomJS npm run watch

If you are not sure how to test something, ask about it in your pull request description.

JSHint

I recommend you use a jshint plugin in your editor, this will help you spot errors faster and make it easier to write clean code that is going to pass QA. In any case,

npm run watch
runs jshint on the code whenever you save.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.