Ember：從模板訪問多對多數據

Question

我很努力地理解如何從兩個相關模型中獲取數據來顯示。

我有一個食譜，可以有很多的標籤，並且可以有許多食譜標籤：

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

我想從我的食譜路線做這樣的事情（通過一個組成部分）：

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

如果我輸出{{ recipe.tags }}，我得到一個<DS.PromiseManyArray>。

我該如何解決這個承諾？

我嘗試添加{include: tags}到我的食譜路線 - 但它似乎並沒有有所作爲：

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

我的數據：

在此先感謝

Answer 1

外貌就像您在輸出標籤時缺少名稱（即{{tag.name}}）

這是否適合您？否則，你所擁有的一切看起來正確...

//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> 

此外，日後調試的目的，你也可以使用{{debugger}}或{{log recipes}}追查什麼錯誤