ember.js - 让 Ember.js 下拉菜单默认选择一个选项

Question

下面是使用值默认下拉列表的片段。

App.selectedOption.set("option","1");

但是看不到使用默认值 onload 选择的下拉列表。
这里可能是什么问题？

Ember 下拉菜单的片段

<script type="text/x-handlebars">
    {{#view App.SortSampleView  }}
      {{view Ember.Select
             contentBinding="App.viewSampleController"
             selectionBinding="App.selectedOption.option"
             optionLabelPath="content.name"
             optionValuePath="content.id" class="dropdown"
         prompt="Select..." }} 
    {{/view}}    
</script>

选择绑定(bind)的片段:

App.selectedOption= Ember.Object.create({option:null});

Answer 1

这是一个已知问题，请参阅 #482在问题跟踪器中。讨论指出不支持通过设置 valuePath 来设置选定的选项。相反，您必须将特定对象设置为 selected一。见 http://jsfiddle.net/pangratz666/NgXpF/ :

Handlebars :

<script type="text/x-handlebars">
      {{view Ember.Select
             contentBinding="App.viewSampleController"
             selectionBinding="App.selectedOptionController.option"
             optionLabelPath="content.name"
             optionValuePath="content.id" class="dropdown"
         prompt="Select..." }} 
</script>​

JavaScript :

App.viewSampleController = Ember.ArrayProxy.create({
    content: [],
    addObject: function(id, name){
        this.pushObject(Ember.Object.create({
            id: id,
            name: name
        }));
    }
});

App.selectedOptionController = Ember.Object.create({
    option: null
});

App.viewSampleController.addObject(1, 'first');
App.viewSampleController.addObject(2, 'second');
App.viewSampleController.addObject(3, 'third');

var second = App.viewSampleController.objectAt(1);
App.selectedOptionController.set('option', second);