Ember.Select“值”不保持与绑定同步

Question

我遇到了Ember.Select问题，其中“值”绑定不保持同步（回到第一个值），当“内容”绑定更改。

这里是一个JSBin：http://emberjs.jsbin.com/kafod/1

基本上，改变类别改变的可用值的Ember.Select视图，并且它返回到第一个可用的值。

任何人都可以帮忙吗？

Answer 1

那么Ember.Select组件需要选择一个值，因此当您切换出该类别时，sort字段会被覆盖。一个简单的解决方案是有两个排序字段，sortAccomodations和sortEvents以及两个Ember.Selects，您根据所选类别切换模板。

查看http://emberjs.jsbin.com/kafod/3/作为一个工作示例。

{{#if categoryIsAccommodations}} 
    <br />Sort by {{view Ember.Select content=sortOptions 
    optionValuePath="content.key" 
    optionLabelPath="content.text" 
    value=sortAccomodations}} 
{{/if}} 
{{#if categoryIsEvents}} 
    <br />Sort by {{view Ember.Select content=sortOptions 
    optionValuePath="content.key" 
    optionLabelPath="content.text" 
    value=sortEvents}} 
{{/if}} 

---

一个解决方案 '排序' 值：

{{view Ember.Select content=sortOptions 
    optionValuePath="content.key" 
    optionLabelPath="content.text" 
    value=sort}} 

控制器：

saveSorts: (-> 
    this.set('sortAccommodations', this.get('sort')) if this.get('category') is 'accommodations' 
    this.set('sortEvents', this.get('sort')) if this.get('category') is 'events' 
).observes('sort') 

    categoryDidChange: (-> 
    this.set('sort', this.get('sortAccommodations')) if this.get('category') is 'accommodations' 
    this.set('sort', this.get('sortEvents')) if this.get('category') is 'events' 
).observes('category') 

http://emberjs.jsbin.com/kafod/5/