Binding Em.Select selection value to object from store

Question

I can't figure out how to use the valueBinding property of Ember.Select to bind the selected value directly to a object from Ember.Data's store.

Fiddle: http://emberjs.jsbin.com/jipamiro/14/edit

The problem I'm facing is that the model returns DS.RecordArray object and I just need the selection value. I tried "firstObject", computed properties and so on to no avail and running out of ideas....

score 1 · Accepted Answer · answered Jul 06 '14 at 01:12

Here is a working bin.

I modified the model hook in the route and the valueBinding property in the template. In the model hook, I am specifying which item to find instead of returning the whole array.

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return this.store.find('setup', 0); 
  } 
});

{{view Ember.Select class="form-control" 
  viewName="channel"
  content=channelOptions
  optionValuePath="content.id"
  optionLabelPath="content.name"
  valueBinding="selectedChannel"}}

Doh! Thanks, seems I missed some obvious things here :) – thepeter Jul 06 '14 at 19:46 — thepeter, Jul 06 '14 at 19:46

Binding Em.Select selection value to object from store

1 Answers1