I am currently using angular-ui/ui-select in my project. I am able to bind the value of the ui-select to an object without issue, however it is binding the entire item that is being iterated over. I would like to only bind based on the item.codeId this would allow me to persist the correct data as well as display the correct value in the drop down when the page is loaded.

How can I setup ui-select to do this?

<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>