javascript - EmberJS 在控制器之间绑定内容

Question

我目前正在使用两个数据模型，其中 Foo 具有 Bars 类型的“toMany”属性。我现在正在尝试创建两个选择框，当第一个填充了 Foo 时，它会细化第二个列表，仅列出与该 foo 关联的 Bars。

JSFiddle 这里：http: //jsfiddle.net/drew/6jLCy/

下面的代码，但它肯定不起作用。它确实为第一个设置了 SelectBox 值，但没有用相应的条形值标题填充第二个值。

App = Em.Application.create();

App.store = DS.Store.create({
  revision: 7,
  adapter: DS.fixtureAdapter
});

/**************************
* Models
**************************/

App.Foo = DS.Model.extend({
    bars: DS.hasMany('App.Bar'),
    title: DS.attr('string')
});
App.Bar = DS.Model.extend({
    foos: DS.hasMany('App.Foo'),
    title: DS.attr('string')
});


/**************************
* Fixtures
**************************/

App.Foo.FIXTURES = [
    {
        id: 0,
        title: 'Footitle 1',
        bars: [0,1]
    },
    {
        id: 1,
        title: 'Footitle 2',
        bars: [0,1,2]
    }
];

App.Bar.FIXTURES = [
    {
        id: 0,
        title: 'Bartitle 1',

    },{
        id: 1,
        title: 'Bartitle 2'
    },{
        id: 2,
        title: 'Bartitle 3'
    }
];


/**************************
* Views
**************************/

App.SetFooField = Em.Select.extend({
    contentBinding: 'App.fooController',
    valueBinding: 'content.selected',
    optionLabelPath: 'content.title'
});

App.SetBarField = Em.Select.extend({
    contentBinding: 'App.barController',
    valueBinding: 'content.selected',
    optionLabelPath: 'content.title'
});

/**************************
* Controllers
**************************/

App.fooController = Em.ArrayController.create({
    content: App.store.findAll(App.Foo)
});

App.barController = Em.ArrayController.create({
    contentBinding: 'App.fooController.selected.bars'
});​

html的标记：

<script type="text/x-handlebars">

    {{view App.SetFooField}}
    {{view App.SetBarField}}

</script>​

Answer 1

天啊。经过几天几乎疯了，事实证明这完全是最新的 ember-data 中的一个错误。在夹具中，所有 id 都必须是字符串。只是。清楚的。坚果。

/**************************
* Fixtures
**************************/

App.Foo.FIXTURES = [
    {
        id: '0',
        title: 'Footitle 1',
        bars: ['0','1']
    },
    {
        id: '1',
        title: 'Footitle 2',
        bars: ['0','1','2']
    }
];

App.Bar.FIXTURES = [
    {
        id: '0',
        title: 'Bartitle 1',

    },{
        id: '1',
        title: 'Bartitle 2'
    },{
        id: '2',
        title: 'Bartitle 3'
    }
];

使用带有 ember-data 的 ember.js 无法获取嵌入的对象属性

非常感谢@dgeb 回答了这个问题。

jsfiddle 相应更新。

http://jsfiddle.net/drew/6jLCy/