Autocomplete using angularjs

Question

Below, is a simple lookup when the user starts typing...

<input type="text" data-ng-model="question_handset" list="phones" class="form-control">
<datalist id="phones">
<option  data-ng-repeat="ttl in titles" value="{{ttl}}">
</datalist>

script:

$scope.titles = [ "Comics Action" ,
                "Detective Comics" , "Superman" , "Fantastic Four" , "Amazing Spider-Man" ];

My problem is that this only matches on the first word you type.

i.e. I want it to work in a way where you could type: Comics and anything with the word "comics" is shown in the list for example: Detective Comics, Comics Action

I don't want to use jQuery, is there anything that can can be done with the current code to achieve this? Examples would be good. Thanks.

anvarik · Accepted Answer · 2014-03-13 14:11:12Z

1

Have you tried Angular Bootstrap? It has a Typeahead. Here is the plunkr that is provided on their site. I just updated the static array.

enter image description here

edited Mar 13, 2014 at 14:11

answered Mar 13, 2014 at 14:03

anvarik

6,5075 gold badges41 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

null · Accepted Answer · 2014-03-13 13:57:09Z

1

I'm not aware of any angular libs not dependent on other frameworks that do this. But making it yourself is quite doable in angular. Have you seen this article? The hardest part is styling the content and aligning it the text box.

answered Mar 13, 2014 at 13:57

null

7,9163 gold badges39 silver badges38 bronze badges

Comments

haotang · Accepted Answer · 2014-08-20 07:46:28Z

0

You can try the Angular module: ngTagsInput. I found that it's very powerful and convenient. And of course, completely compatible for an Angular project

answered Aug 20, 2014 at 7:46

haotang

5,73637 silver badges50 bronze badges

Collectives™ on Stack Overflow

Autocomplete using angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related