angucomplete-alt | Autocomplete Directive for AngularJS | Autocomplete library

I found some hack , angucomplete-alt uses keyup event to recognise change ,aslo add '_value' as id to input , so I use

I think if you added a 2nd parameter to your callback function, then you could access the value of "row"

Beware of any "samples" provided by control makers. They are pretty much guaranteed to present only the most basic scenarios, and typically aren't relevant out in the real world. From what I can see of that control the example demonstrates client-side auto-complete, which for all practical purposes is useless. (Just use a drop-down in that case) You're running into a problem because you're trying to provide a complete list of all data to the client. Client side works when you have a relatively small # of items (100's - 1000's) but not when you have a lot more.

For an auto-complete control, you want to find examples of implementing a server-side auto-complete. This involves wiring the control to an HTTP GET / Fetch so that as you type into the control, a server call goes and runs a query to fetch suggestions matching what the person types, and returns a limited # of suggestions. (I.e. 500) It's up to you to implement the search logic, such as finding matches starting with what is typed, vs. using other querying methods. The other important detail is to also use a debounce on your input event to ensure that your search isn't fired off repeatedly with every key-press from the user, but waits a moment so that if a user is typing 4 characters ("fred") and pausing, 1 search goes off for "fred" rather than 4 searches: "f", "fr", "fre", and "fred".

Somewhere to start: https://itnext.io/using-angular-6-material-auto-complete-with-async-data-6d89501c4b79

There are probably a large number of auto-complete controls for Angular, look for server side examples/implementations, and be sure to add a debounce.

You need to use the event input-changed as follows,

if you open your dev tools you can see the remote call is not made in right way.

you must add query string

try to edit your remote-url in this

You need a $watch in scope like this:

This is probably where it is:

Try something below code..

At the moment... (today is June 2017) the latest version of the '@uirouter/angular' (@version v1.0.0-beta.7) is in hybrid mode not calling one of the init parts: servicesPlugin()

To fix that, just include these lines before the main module