Ember.js 余烬选择内容更改时设置默认值

我有两个选择，第二个（多个）取决于第一个（简单）

第一个：

{{view Ember.Select content=siteGroups selection=selectedSiteGroup}}

第二个：

 {{view Ember.Select content=sites optionLabelPath="content.name"  value=selectedSite multiple=true selection=selectedSiteDefault}}

selectedSiteDefault: function(){
  return this.get('sites.firstObject');
}.property('selectedSiteGroup')

因此，selectedSiteGoup（选择2）会更改第一个站点的内容

我已经设置了第二个的默认值：

 {{view Ember.Select content=sites optionLabelPath="content.name"  value=selectedSite multiple=true selection=selectedSiteDefault}}

selectedSiteDefault: function(){
  return this.get('sites.firstObject');
}.property('selectedSiteGroup')

它可以工作，但当内容发生变化时（由于第一次选择），它不会将任何值设置为默认值

我如何解决这个问题？

有两个选择框。第二个选择框的内容基于第一个选择框

第二个选择框的默认值是最后一项

var continents = ['America', 'Europe', 'Asia'];
var countries = {
  'America': ['Texas','New York'],
  'Europe': ['Estonia','Germany'],
  'Asia': ['India','China']
};

App = Ember.Application.create();

App.Router.map(function() {
  // put your routes here
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return {
      'continents': continents,
      'countries': countries
    };
  }
});

App.IndexController = Em.ObjectController.extend({
  continent: 'Asia',
  country: function() {
    return this.get('countries.'+this.get('continent'));
  }.property('continent'),
  countrySel: function() {
    return this.get('country.lastObject');
  }.property('country.[]')
});

{{view Ember.Select content=content.continents valueBinding="continent"}}
{{view Ember.Select content=country selection=countrySel}}

---

谢谢但是，如何存储在第二个select中选择的值呢？值=？