Question

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

我理解在路由中我正在返回一个服务器对象的promise（用户关系的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旋转。

但是如果你想等待模型，你可以在afterModel钩子中强制执行：

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

Ember并不总是加载belongsTo

1 个答案: