Ember 并不总是加载belongsTo

Question

我似乎无法锻炼如何在 Ember 中正确加载关系。用户模型仅在某些时候返回。如果我刷新页面，似乎有 50/50 的机会该值将为空，或者它会正确解析。

我知道在路由中我返回了一个承诺，它是服务器对象（用户关系的 belongsTo 结尾），但是我如何告诉路由在加载页面之前等待用户模型加载，或者当最终加载用户时，如何告诉 ember 更新页面上的数据？

我尝试在 afterModel 挂钩中使用 RSVP，但没有任何运气。必须有一个明显的解决方案？

路线

model(param) {
  return this.store.findRecord('server', param.server_id);
},

服务器模型

export default Model.extend(Validations, {
  user: belongsTo('user'),
});

用户模型

export default Model.extend({   
  displayName: attr('string'),
  servers: hasMany('server'),
});

组件

export default Ember.Component.extend({});

组件模板

<div class="user-panel">
    <ul class="user-details">
        <li>owner:{{model.user.displayName}}</li>
    </ul>
</div>

我在这里How to load belongsTo/hasMany relationships in route with EmberJS读过一个类似的问题

但由于我只返回一个对象而不是一个数组，所以在尝试任何解决方案时都会抛出 Array Methods must be provided an Array

服务器响应

{
  "data": {
    "type": "server",
    "id": "578aba694b08ce2310f36798",
    "attributes": {
      //removed
    },
    "relationships": {
      "jobs": {
        "data": [
          {
            "type": "jobs",
            "id": "578aba694b08ce2310f3679a"
          }
        ]
      },
      "user": {
        "data": {
          "type": "user",
          "id": "57760677d04e0f11f4d3f7e5"
        }
      }
    }
  }
}

Answer 1

这应该开箱即用！不是等待部分，而是自动更新。

结帐this twiddle。

但如果您想等待模型，您可以在 afterModel 挂钩中强制执行此操作：

afterModel(model) {
  return get(model, 'user');
}