element.typeahead is not a function - at initialize (http://localhost:8100/js/directives/angular-typeahead.js:102:21)

[griff4692]

My index.html:

<script src="lib/typeahead.js/typeahead.jquery.min.js"></script> <script src="lib/typeahead.js/bloodhound.min.js"></script> <script src="js/directives/angular-typeahead.js"></script>

Does this mean that typeahead is not defined for some reason?

[griff4692]

<script src="lib/typeahead.js/typeahead.bundle.js"></script> <script src="js/directives/angular-typeahead.js"></script>

Sorry that is the order in which I am loading the files, so typeahead should be defined in time. It works if I type $("input").typeahead after the browser has loaded, just can't get it to work immediately

[paulm-jones]

I have this issue too - I'm loading JQuery, then Bloodhound, typeahead.query and angular-typeahead. Did you manage to solve it?

[rodrigoreis22]

same issue here. did you guys find a solution? it happened after i setup another computer and installed the latest versions of the libraries.

[rodrigoreis22]

it worked for me again using angular-typeahead@0.2.1 and typeahead.js@0.10.1

[hmil]

Closing now as it should not be an issue in v1 anymore

[tommck]

I'm getting this exact problem with

"angular-typeahead": "1.0.2",
"typeahead.js": "0.11.1"

[tommck]

<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/typeahead.js/dist/bloodhound.js"></script>
<script src="node_modules/typeahead.js/dist/typeahead.jquery.js"></script>
<script src="node_modules/angular-typeahead/dist/angular-typeahead.js"></script>

[hmil]

@tommck Could you provide a runnable example? I tested those versions in the plunkr demo it works just fine.

[tommck]

Figured it out. You have to include jquery BEFORE angularjs, since it's relying on "$element" to be jQuery and not jqLite

[tommck]

oh, FYI: your example code (plnkr) is using ancient angularjs ;)