angular-ui typeahead select id instead of object

angularjs angular-ui-typeahead
TlmaK0 picture TlmaK0 · Jun 3, 2013 · Viewed 13.5k times · Source

I'm trying to set an id in the typeahead instead an object and it doesn't work like a select element.

Here is an example, where you can write the correct word in the typeahead, and then the select element is updated, but if you change the select, the typeahead isn't updated with the name, is updated with the id instead.

http://plnkr.co/edit/LJqdebViiucCv6X5hhtf?p=preview

I'm doing something wrong?

Answer

JakubKnejzlik picture JakubKnejzlik · Jun 14, 2013

What about something like that?

http://plnkr.co/edit/pUPzVK?p=preview (check the typehead and ng-options definition)

What you "did wrong" is missing the info, that typehead doesn't have exactly the same definition as ng-options (I've struggled with this for a while too).

Hope this helps

Related questions

Angular-UI typeahead: show label but bind to value only

I am using Angular-UI typeahead in the following way: <input type="text" ng-model="myModel" typeahead="o.value as o.text for o in options | filter:$viewValue | limitTo:5" typeahead-editable="false" /> binded to a model like: var options = [ {"value": 1, "text": "…

Read More
How to clear text from AngularUI typeahead input

I have a typeahead input. The input text is set to the option selected on the typeahead. However, I want to clear this text and display the "placeholder" value again on the text box after I select one of the …

Read More
Using angular-ui bootstrap and typeahead-loading

So I can't seem to figure out how to use the typeahead-loading attribute to show a spinner while my typeahead is getting remote data. I can't find any examples of its use anywhere. Is that value something we would need …

Read More