Using autocomplete in angular.js

Question

I'm building an app, which uses an autocomplete. It should be something like jQuery UI autocomplete, so if a user starts typing, it recommends him options. The thing is, that I have two kinds of data, I'm searching in. Actually, there are 'tasks' and 'projects'.

Every task has some params: task-id, task-name-display, task-name-search, project-id. Every project has: project-id, project-name-display, project-name-search, client-id, client-name.

The app should search in every of these params, but it should display only some of them. For example, if the data is:

task-id: 47
task-name-display: Task name Example
task-name-search: task-name-example
project-id: 57

And I type: 47, in dropdown I should see:

'#47 Task name Example Project A'

Again, the point of this is to make an autocomplete using angular.js, where I search in a little bit different data than I display. Is there a way how to do this simply in pure angular.js?

Is there a way how to do this also using jQuery UI autocomplete + angular.js?

Thanks.

Abilash · Accepted Answer · 2013-12-17 13:37:53Z

1

I suppose you can use ui-autocomplete to do what you want to do.

Here is the link to ui-autocomplete

https://github.com/zensh/ui-autocomplete

Make sure you have jQuery, jQuery UI and AngularJS in your project to make this work.

Cheers!

answered Dec 17, 2013 at 13:37

Abilash

6,0896 gold badges27 silver badges30 bronze badges

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

Comments

m.bemowski · Accepted Answer · 2013-12-17 13:37:22Z

0

Have tought about using Select2 library? It should meet your needs, as it is very flexible: you can define your own search logic and also display data in different way during search and when the item is selected in the component.

It works flawlessly with AngularJs thanks to AngularUI library. You can use data stored in your model or fetch it using AJAX.

answered Dec 17, 2013 at 13:37

m.bemowski

6326 silver badges5 bronze badges

3 Comments

Abilash Over a year ago

He needs auto complete. Not select 2

Kanagu Over a year ago

select2 has the autocomplete, multiselect, with combobox functionalities.

Sulthan Over a year ago

@Kanagu There is a big difference between select and autocompletion.

Collectives™ on Stack Overflow

Using autocomplete in angular.js

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related