Ember：テンプレートから多対多のデー​​タにアクセスする

Question

2つの関連モデルのデータを表示する方法を理解するのは苦労しています。 （コンポーネントを経由して）私は私のレシピルートからこのような何かをしようとしています

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

また、今後のデバッグの目的のために、あなたも間違っ