Emberjs:处理未嵌入原始Json的关系的最佳方式

时间:2016-05-02 15:12:14

标签: json ember.js ember-data

我有一个用户JSON api:

{
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
    "address": {
      "street": "Kulas Light",
      "suite": "Apt. 556",
      "city": "Gwenborough",
      "zipcode": "92998-3874",
      "geo": {
        "lat": "-37.3159",
        "lng": "81.1496"
      }
    }
}

和帖子JSON api:

{
    "userId": 1,
    "id": 1,
    "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
  }

我还在Ember Data中创建了相关模型: 应用程序/模型/ user.js的:

export default Model.extend({
  name: attr('string'),
  username: attr('string'),
  email: attr('string'),
  posts: hasMany('post', { async: true })
});

应用程序/模型/ post.js:

export default Model.extend({
  title: attr('string'),
  body: attr('string'),
  userId: belongsTo('user')
});

我的问题是,我无法从ember中的用户对象访问用户的帖子,即:user.posts为空。

处理此问题的最佳方法是什么? Ember Data是否要求将关系嵌入JSON中?或者,我可以从组件中分别从商店调用帖子(我有一个组件来显示所有用户的帖子)?

1 个答案:

答案 0 :(得分:0)

Ember数据不需要嵌入它,只要你将async设置为true,就像你一样,你应该能够像这样访问模板中的帖子:

// template.hbs
{{#each user.posts as |post|}}
  {{post.title}}
{{/each}}

或者使用javascript在其他地方使用javascript,如下所示:

this.get('store')
.findRecord('user',1)
.then((user)=> {
    return user.get('posts')
})
.then((posts)=> {
    console.log(posts)
    //use posts here
})