Ember 2.0组件请求数据

Question

我正在尝试创建一个组织-table 组件，它将显示一个组织列表，以及每个组织所属的用户。我通过 organisations.hbs 模板将组织模型传递到组件中，这导致服务器响应如下：

{    
  "organisations": [
    {
      "id": 0,
      "name": "Org0",
      "user": 1
    },
    {
      "id": 1,
      "name": "Org1",
      "user": 2
    },
    {
      "id": 2,
      "name": "Org2",
      "user": 2
    }
  ]
}

为了显示每个用户的用户名，组件然后自己调用服务器查询每个用户的 ID。

这是正确的做法吗？我的理解是，组件在设计上应该是隔离的，只知道传递给它们的数据，但在这个例子中，组件将自己的请求发送到服务器以获取额外数据。

我创建这个 ember twiddle 是为了希望对应用程序的结构有所了解（欢迎评论！）。

提前致谢

Answer 1

组件本身与调用无关，{ async: true }表示除非是"needed"，否则不会获取关系。

在这种情况下需要组件模板中的 organisation.user.username。

请记住，在您的例子中，model 是具有关系的 DS.Model 个对象的数组。

Ember 2.0组件请求数据

Ember 2.0 component request for data

components

ember.js