ember-data：hasMany関係のレコードを読み込み

Question

ログインしたユーザーが「保存済みアイテム」リストに商品を追加できるようにする機能をコーディングしようとしています。モデルは次のとおりです。保存されたアイテムが表示されているsaveditemsルート上

//saveditem.js model 
export default DS.Model.extend({ 
    user: belongsTo('user'), 
    product: belongsTo('product', { async: true }), 
    dateAdded: attr('string') 
}); 

、model()フックは次のとおりです。

model() { 
    return this.get("store").findAll('saveditem'); 
} 

APIはJUST IDを持つレコードを返している：

{ 
    "dateAdded": "Mon, 11 Dec 2017 20:59:10 GMT", 
    "id": 4458, 
    "product": 4458, 
    "user": "me" 
}, 
{ 
    "dateAdded": "Sun, 10 Dec 2017 10:26:02 GMT", 
    "id": 3657, 
    "product": 3657, 
    "user": "me" 
} 
... 

IDを使用して実際の製品を読み込むためにhasMany関係を取得するにはどうすればよいですか？

Answer 1

私はそれを理解しました（arne.bの質問によって促されます）。セットアップは正しいですが、私がアイテムを呼んでいた方法はそうではありませんでした。

私はテンプレートでこれをやっていた：それは私のsaveditemレコードをループしていますが、私は、製品のオブジェクト自体を呼び出していなかったので関係が解決されなかったため、空のdivを印刷

{{#each model as |result|}} 
    <div> 
    {{result.productName}} 
    </div> 
{{/each}} 

。正しい方法：

{{#each model as |result|}} 
    <div> 
    {{result.product.productName}} 
    </div> 
{{/each}} 

私もモデルにasync: trueを設定するために必要な：

export default DS.Model.extend({ 

    user: belongsTo('user'), 
    product: belongsTo('product', { async: true }), 
    dateAdded: attr('string') 

});