map model to property of selected item

[zdila]

Hello

First thanks for the great component.

Currently the selected item maps to model directly but I need to use only it's single property.

for example:
$scope.items = [{key: 'green', value: 'Grass'}, {key: 'yellow', value: 'Sun'}];

I would like to have listed all the values and on selection to only use (model) key. Is it possible?

[tkrotoff]

To clarify: you want to display 'Grass', 'Sun'.
And when 'Grass' is selected, it returns 'green'.
And when 'Sun' is selected, it returns 'yellow'.
Right?

No problem to display only the property value on your objects:
https://github.com/angular-ui/ui-select/blob/v0.2.0/examples/demo.html#L85
As for the result, you will get the entire object: {key: 'green', value: 'Grass'}, just write foobar.key.

[zdila]

Yes I know I can easily specify what to see, but I can't specify what to get as I'll always get the complete object. I would like to bind single property of it.

For example consider I have a form of person. Form contains <input ng-model="person.givenName">, <input ng-model="person.surnameName"> and ` High Medium Low`. Now how to rewrite that `select` to `ui-select`?

[tkrotoff]

Create me a plunker with your select example and I will make it the ui-select way.

[zdila]

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

[rosslavery]

@zdila is looking for a way to bind a specific property of the selected item to the model, rather than the entire selected item.

[smajl]

I would appreciate that too. Imagine a situation when you only retrieve selected ID from server and have ID/name pairs in objects in template. You can't match that now, because you are always binding the whole object (ID/name) to model and ui-select expects that on init. We need to bind to and init from primitives too.

[epicbagel]

@tkrotoff did you have a recommended solution for this?

[tkrotoff]

I hope to have time to work on ui-select this week end. My current client has monopolized me these last few weeks.

[j-hogue]

I have created a modification of the control to enable setting an optional property on the parent controller for the ui-select-choices repeat data source using attributes. I am using this to set the ID of the selected object.

I have also enhanced the keyboard interaction when the control has focus, all characters are forwarded to the search box input. A few other small changes as well like tab key is pressed the first item will not be set if the search input is empty.

Please consider adding this type of functionality to the project.

Plunker sample is based on the original sample with the changes:

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

[sformisano]

@j-hogue +1 this is definitely a fundamental piece of functionality. For now rather than changing stuff in the source code I end up using an additional scope property, I watch it, and on change events I then get the property I want from the entire object and assign it to the real model.

Not the best solution, but it works for now.

[dimirc]

This should be solved with #107