EmberJS - Chargement paresseux à l'intérieur d'un gabarit

Question

Comment puis-je effectuer une relation de chargement paresseux à l'intérieur du gabarit?

// 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 }) 
}); 

A ce stade, le dossier est chargé (except of his children) et les enfants ont jamais été chargés.

Je voudrais faire EmberJS charger les enfants d'un dossier quand je lance {{folder.children}} dans un modèle.

Answer 1

Vous pouvez mettre vos enfants en section ui en aide if. Ensuite, si la condition est vraie, vos enfants promettent, fullfilled.

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

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