Emberjs：自引用关系在控制器变量中不加载子项

Question

我遇到嵌套组件和数据的问题。

我有几个模特如下：

类别：

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

CategoryChoice：

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>

这只是一个粗略的例子，但问题是选择的孩子永远不会被加载。所以，如果我有类似以下的类别：

• 食品
  • 肉
    • 牛排
    • 鸡
  • 水果
    • 梨
    • 苹果

肉和水果下的选择永远不会出现。不知道我在这里做错了什么。