Javascript Emberjs:在控制器变量中时不加载子项的自引用关系

Javascript Emberjs:在控制器变量中时不加载子项的自引用关系,javascript,ember.js,Javascript,Ember.js,我对嵌套组件和数据有问题 我有以下几种型号: 类别: App.Category = DS.Model.extend({ name: DS.attr('string'), ..., choices: DS.hasMany('categoryChoices') }); 类别选择: App.CategoryChoices = DS.Model.extend({ name: DS.attr('string'), ..., children: DS.has

我对嵌套组件和数据有问题

我有以下几种型号:

类别:

App.Category = DS.Model.extend({
    name: DS.attr('string'),
    ...,
    choices: DS.hasMany('categoryChoices')
});
类别选择:

App.CategoryChoices = DS.Model.extend({
    name: DS.attr('string'),
    ...,
    children: DS.hasMany('categoryChoices')
});
然后我有一个视图模板,如下所示:

<div>
{{#each category}}
    {{category-selector category=this}}
{{/each}}
</div>
现在,组件模板:

类别选择器:

<div class='header'>
    {{category.name}}
</div>
<div class='choices'>
    {{#each category.choices}}
        {{category-choice-selector choice=this}}
    {{/each}}
</div>
<div>
    {{choice.name}}
</div>
<div class='children'>
    {{#each choice.children}}         
        {{category-choice-selector choice=this}}
    {{/each}}
</div>
类别选择选择器:

<div class='header'>
    {{category.name}}
</div>
<div class='choices'>
    {{#each category.choices}}
        {{category-choice-selector choice=this}}
    {{/each}}
</div>
<div>
    {{choice.name}}
</div>
<div class='children'>
    {{#each choice.children}}         
        {{category-choice-selector choice=this}}
    {{/each}}
</div>
这只是一个粗略的例子,但问题是这些选择的子对象永远不会被加载。因此,如果我有如下类别:

食物 肉 牛排 鸡 水果 梨 苹果 肉类和水果下的选择从未出现过。我不知道我做错了什么