Ember.Select默认选项

Question

如何在页面加载时设置选择框的默认选项？我已经尝试在下面的例子中设置selectedPersonController的默认值，但是没有用。我做错了什么吗？

var App = Ember.Application.create();

App.Person = Ember.Object.extend({
    id: null,
    firstName: null,
    lastName: null,

    fullName: function() {
        return this.get('firstName') + " " + this.get('lastName');
    }.property('firstName', 'lastName').cacheable()
});

App.selectedPersonController = Ember.Object.create({
    person: null
});

App.peopleController = Ember.ArrayController.create({
    content: [
        App.Person.create({id: 1, firstName: 'Yehuda', lastName: 'Katz'}),
        App.Person.create({id: 2, firstName: 'Tom', lastName: 'Dale'}),
        App.Person.create({id: 3, firstName: 'Peter', lastName: 'Wagenet'}),
        App.Person.create({id: 4, firstName: 'Erik', lastName: 'Bryn'})
    ]
});

模板：

{{view Ember.Select
       contentBinding="App.peopleController"
       selectionBinding="App.selectedPersonController.person"
       optionLabelPath="content.fullName"
       optionValuePath="content.id"}}

Answer 1

你不需要在你的App.selectedPersonController上设置一个特定的人。请看这里的工作示例：http://jsfiddle.net/ZpTYV/

// set a default selected person
App.selectedPersonController.set('person', App.peopleController.objectAt(1));

我不知道这是不是您示例中的拼写错误，但您还必须全局声明App，以便可以在Handlebars模板中访问它。