如何构建 Ember 模型和 API 数据来表示关系数据？答案

【问题标题】：How Do I Construct my Ember Models and API Data to represent data on the relationship?如何构建 Ember 模型和 API 数据来表示关系数据？
【发布时间】：2017-02-10 23:04:49
【问题描述】：

我是 jsonapi 的新手，不熟悉结构的工作原理，并试图让关系正确加载。我希望 ember-data 遵循我的对象的 relationship.links 中提供的 url 以获取所需的信息，但我得到了意想不到的结果。

我有如下定义的用户、区域和用户/区域关系：

// User Model
const UserModel = DS.Model.extend({
    username: DS.attr('string'),
    territories: DS.hasMany('user-territories')
}

// Territory Model
const TerritoryModel = DS.Model.extend({
    name: DS.attr('string')
}

// User-Territory Model
const UserTerritoryModel = DS.Model.extend({
    notes: DS.attr('string'),
    startDate: DS.attr('date'),
    user: DS.belongsTo('user'),
    territory: DS.belongsTo('territory')
}

然后我有如下模拟数据（使用 http-mock）：

// api/users/
data: {
    type: "users",
    id: 1,
    attributes: {
        username: "thisIsMyUsername"
    }
},
relationships: {
    territories: {
        links: {
            self: "http://localhost:4200/api/users/1/territories"
        }
    }
}

// api/users/1/territories
data: {
    type: "user-territories",
    id: 1,
    attributes: {
        notes: "This is a note",
        startDate: "2017-01-01"
    }
},
relationships: {
    user: {
        link: {
            self: "http://localhost:4200/api/users/1"
        }
    },
    territory: {
        link: {
            self: "http://localhost:4200/api/territories/1"
        }
    }
}

// api/territories/1
data: {
    type: "territories",
    id: 1,
    attributes: {
        name: "Territory #1"
    }
}

在我的 User 路由中，我想请求 UserModel 并有权访问 UserTerritory 关系数据和 Territory 本身。 api 调用不是我所期望的：

this.get('store').findRecord('user', 1, { include: "territories" });

预期：

api/users/1
api/users/1/territories

实际：

api/users/1
api/users/1?include=territories

如果我调用用户区域模型，我会得到：

预期：

api/users/1/territories

实际：

api/user-territories/1

【问题讨论】：

标签： ember.js json-api

【解决方案1】：

如果你使用included，ember-data 基本上认为你想告诉服务器侧加载数据。如果您返回links，只需解决关系。但是relationships 必须在data 内。 self 链接也用于关系本身，返回数据使用related。

所以首先你执行user = store.findRecord('user', '1') 之类的操作，这将获取到api/users/。然后你应该返回这样的东西：

// api/users/
{
  data: {
    type: "users",
    id: 1,
    attributes: {
      username: "thisIsMyUsername"
    }
    relationships: {
      territories: {
        links: {
          related: "http://localhost:4200/api/users/1/territories"
        }
      }
    }
  }
}

接下来你做user.get('territories')。这将返回一个承诺，并获取http://localhost:4200/api/users/1/territories，或相关链接中的任何内容。但是要知道，ember-data 会期望您在此处返回 user-territories，因为那是您使用 territories: DS.hasMany('user-territories') 指定的内容。您应该知道在没有第三个表的情况下可以直接在 ember-data 中建模多对多关系。

【讨论】：