Ember: Accéder à de nombreuses données à partir du modèle

Question

J'ai du mal à comprendre comment afficher les données de deux modèles liés.

J'ai une recette qui peut avoir de nombreuses balises et une étiquette qui peut avoir de nombreuses recettes:

//models/recipe.js 
export default DS.Model.extend({ 
    name: DS.attr('string'), 
    tags: DS.hasMany('tag') 
}); 

//models/tag.js 
export default DS.Model.extend({ 
    name: DS.attr('string'), 
    tags: DS.hasMany('recipe') 
}); 

Je suis en train de faire quelque chose comme ça de ma route recettes (via un composant):

//templates/components/list-recipes.hbs 
<ul> 
    {{#each recipes as |recipe|}} 
    <li>{{recipe.name}} - {{#each recipe.tags as |tag|}} {{tag}} {{/each}}</li> 
    {{/each}} 
</ul> 

//templates/recipes.hbs 
{{list-recipes recipes=model}} 

Si je produis {{ recipe.tags }}, j'obtiens un <DS.PromiseManyArray>.

Comment puis-je résoudre cette promesse?

J'ai essayé d'ajouter {include: tags} à mes recettes itinéraire - mais il ne semble pas faire une différence:

//routes/recipes.js 
export default Route.extend({ 
    model() { 
    return this.get('store').findAll('recipe', {include: 'tags'}); 
    } 
}); 

Mes données:

Merci à l'avance

Answer 1

Looks comme si le nom vous manquait lors de la sortie de votre tag (par exemple {{tag.name}})

Est-ce que cela fonctionne pour vous? Tout ce que vous avez l'air bien ...

//templates/components/list-recipes.hbs 
<ul> 
    {{#each recipes as |recipe|}} 
    {{! line below updated slightly }} 
    <li>{{recipe.name}} - {{#each recipe.tags as |tag|}} {{tag.name}} {{/each}}</li> 
    {{/each}} 
</ul> 

également, à des fins de débogage futurs, vous pouvez également utiliser {{debugger}} ou {{log recipes}} pour traquer ce qui va mal