Ember.js 如何在Ember 2.2模板中显示多个关系

无法找出我的相关项目未加载的原因

models/group.js

export default Model.extend({
    name: DS.attr('string'),
    slideshows: DS.hasMany('slideshow', { async: true }),
});

models/slideshow.js

export default Model.extend({
    title: DS.attr('string'),
    group: DS.belongsTo('group', { async: true }),
});

主要观点：

{{#each groups as |group|}}
    {{slideshow-group group=group}}
{{/each}}

模板/组件/幻灯片放映-group.hbs

<li>
    <h2>{{group.name}}</h2>

    <ul>
        <li>{{group.slideshows}}</li>
        {{#each group.slideshows as |slideshow|}}
        <li>
            <h2>{{slideshow.title}}</h2>
        </li>
        {{/each}}
    </ul>
</li>

我尝试过在幻灯片放映中不显示组，只在幻灯片放映中设置组，同时设置组和组，并在slideshow.save之后调用pushObject。链接似乎只存储在幻灯片中

---

第一个LI将group.slideshows显示为DS.PromiseManyArray和group.slideshows.length=0，因此列表为空。如果它没有自动加载它们，我如何让它加载它们？

什么

{{group.slideshows.length}

显示？当我检查“slideshow”时，它显示一个组，但当我检查“group”slideshow=[]时，我注意到在将幻灯片推到关系中后，你没有保存

组。此外，只有在幻灯片成功保存后才能添加幻灯片。
slideshow = this.store.createRecord('slideshow', {
    title: 'blah',
    group: group
});

group.get('slideshows').pushObject(slideshow);

slideshow.save();