Mapping a value to the return rather than the entire object.

[zackarychapple]

I would like to just persist the item.codeId to the ng-model for myObject.stateCode, hopefully this binding would also select the correct option in the drop down when the value already exists. How do I set it up to do that?

Below is my current code.

<ui-select ng-model="myObject.stateCode" id="stateCode">
    <ui-select-match placeholder="Select a state...">{{$select.selected.codeDescription}}</ui-select-match>
    <ui-select-choices repeat="item in constants.states | filter: $select.search" value="{{$select.selected.codeId}}">
        <div ng-bind-html="item.codeDescription | highlight: $select.search"></div>
        <small ng-bind-html="item.codeId | highlight: $select.search"></small>
    </ui-select-choices>
</ui-select>

[dimirc]

This was merged a couple of days ago #107

Also you can check the examples/demo-bind-to-single-property.html

[zackarychapple]

I tried using the follwing and it does populate the model correctly when I select an option from the dropdown, however the dropdown does not pre-populate with the value on the model.

For example my myObject.stateCode is "GA" when the page loads the select is blank.

<ui-select ng-model=“myObject.stateCode" id="stateCode">
    <ui-select-match placeholder="Select a state...">{{$select.selected.codeDescription}}</ui-select-match>
    <ui-select-choices repeat="item.codeId as item in constants.states | propsFilter: {codeDescription: $select.search, codeId: $select.search}">
        <div ng-bind-html="item.codeDescription | highlight: $select.search"></div>
        <small ng-bind-html="item.codeId | highlight: $select.search"></small>
    </ui-select-choices>
</ui-select>

I get the following error.
TypeError: Cannot read property 'source' of undefined

[willsoto]

This may be related to the issue here: #128

I see that you are repeating over repeat="item.codeId as item in constants.states

[zackarychapple]

Yes, I am experiencing the same issue now.

[dimirc]

@zackarychapple I just patched this with #131 and released v0.5.1
@Paradox41 check fixed plunker

[zackarychapple]

@dimirc you are fantastic. Thank you for getting that taken care of so quickly. +1 to this project and to you.

[zackarychapple]

if you have stackoverflow here is the question I posted there, free rep for you :)

http://stackoverflow.com/questions/25065321/how-to-make-ng-model-value-set-by-ui-select-value/25065746?noredirect=1#comment38997673_25065746

[willsoto]

Thank you for the quick fix.

[estellederrien]

Hello ! Me too i've got the same problem, i have all of the latest versions ...

The ui select doesnt display the loaded value .

This is my UI Select code who doesnt display the loaded value:

<div class="input-group">
                    <span class="input-group-addon">Station</span>
                <ui-select  theme="selectize"  ng-model="produit.idstation">
                <ui-select-match placeholder="Selectionnez ou Recherchez...">{{$select.selected.nom}}</ui-select-match>

                    <ui-select-choices repeat="station.nom as station in stations  | filter: {nom: $select.search}">
                         <div ng-bind-html="station.nom | highlight: $select.search"></div>
                      <small ng-bind-html="station.telephone | highlight: $select.search"></small>
                    </ui-select-choices>
                </ui-select>
                </div><br> 

And the regular html who display correctly produit.nom automatically

 <div class="input-group">
                    <span class="input-group-addon">Station</span>
                    <select  ng-model="produit.idstation" class="form-control " onmousedown="if(this.options.length>4){this.size=4;}"  onchange='this.size=0;' onblur="this.size=0;" required>
                    <option  value="" >Choisir la station</option>
                        <option ng-repeat="station in stations" value="{{::station.id}}">{{::station.nom}}
                        </option> 
                    </select>
                </div><br> 

Please help, UI SELECT seems to load something, because its not empty, but the value is not displayed