Angular Chosen - Don't bind ng-model to entire object

Question

Using Angular Chosen

https://github.com/localytics/angular-chosen

and testing out the following example

<select multiple
        chosen
        ng-model="state"
        ng-options="s.name for s in states">
  <option value=""></option>
</select>

However, I'm wondering as to how one would bind just the name value for a state object to ng-model?

The options presented will display just the state names, but when chosen, the entire state object is bound to ng-model rather than just the selected name.

Any thoughts would be much appreictaed as always!

score 1 · Accepted Answer · answered Oct 28 '15 at 18:29

1

You can try this format

select as label for value in array

eg. s.name as s.name for s in states

answered Oct 28 '15 at 18:29

Andreas Poulsen

101
3

Thank you very much sir. – user2085143 Oct 29 '15 at 08:41

Angular Chosen - Don't bind ng-model to entire object

1 Answers1