EmberJS - 在模板中加载延迟

Question

我怎样才能在模板内部延迟加载关系？

// models/folder.js
export default DS.Model.extend({
  children: DS.hasMany('item', { inverse: 'parent', async: true })
});

// models/item.js
export default DS.Model.extend({
  parent: DS.belongsTo('folder', { inverse: 'children', async: true })
});

此时加载了文件夹（ except of his children) ，孩子们从未加载过。

当我在模板中运行{{folder.children}}时，我想让EmberJS加载文件夹的子项。

Answer 1

if帮助，你可以将你的孩子的部分放入ui。 如果情况属实，您的孩子承诺，满满的。

<button {{action (mut showChildren) true}}>Expand</button>

{{#if showChildren}}
  {{#each parent.children as |child|}}
    <span>{{child.name}}</span>
  {{/each}}
{{/if}}