Ember Select由其他Ember填充選擇不更新選擇綁定

Question

我是Ember.js的新手，我試圖弄清楚Select視圖如何將其選擇綁定到控制器。我有這樣的模板：

{{view Ember.Select 
    contentBinding="content" 
    selectionBinding="selectedCompany" 
    optionLabelPath="content.name"}} 


{{view Ember.Select 
    contentBinding="selectedCompany.employees" 
    selectionBinding="selectedEmployee" 
    optionLabelPath="content.name"}} 


Employee: {{selectedEmployee.name}} 
Age: {{selectedEmployee.age}} 

我發現第二選擇不更新時selectedCompany變化，但我不能引用selectedEmployee的name或age的值，直到我改變了第二個選擇的值不同的值物理。

如何在第一次選擇更改時設置selectedEmployee以便我可以使用它的值？

爲了更加清晰，我有我的工作代碼here。

Answer 1

更改第二個選擇框的內容並不會改變其選擇。你必須做手工，例如通過添加下面的方法到控制器

onChangeCompany : function() { 
    if (!this.get('selectedCompany.employees').contains(this.get('selectedEmployee'))) { 
     this.set('selectedEmployee', this.get('selectedCompany.employees').objectAt(0)); 
    } 
}.observes('selectedCompany') 

它還是老樣子需要一些非空和陣列範圍檢查，但做這項工作 - 如果你選擇一個員工，然後更改公司，員工也會改變。