我在加载belongsTo
关系时遇到问题 - 没有显示任何错误,也没有发送任何请求。UI 只是保持空白。给定以下模型:
项目.js 从"余烬数据"导入 DS;
export default DS.Model.extend({
name: DS.attr(),
items: DS.hasMany('line-item', {async: true}),
customer: DS.belongsTo('customer', {async: false})
});
客户.js
import DS from 'ember-data';
export default DS.Model.extend({
name: DS.attr(),
email: DS.attr(),
projects: DS.hasMany('project', {async: true})
});
项目与客户之间的关系是存在的。访问项目终结点时,项目将正确返回:
{
"data":{
"type":"projects",
"id":"3861b834-e270-4296-b7be-9aca55676874",
"attributes":{
"created":"2016-04-27T22:36:01.061349Z",
"modified":"2016-04-27T22:36:01.061477Z",
"name":"Sample name",
},
"relationships":{
"customer":{
"data":{
"type":"customers",
"id":"9242bd41-6bb0-41ed-b5f3-21df26486d9e"
}
},
"items":{
"meta":{
"count":0
},
"data":[
]
}
}
}
}
但是,当尝试访问客户时,没有任何反应(我的意思是:没有控制台输出,没有对客户端点的请求等。UI 只是无法加载):
this.get('project').get('customer');
访问其他属性(包括项目的项)有效。
知道我哪里出错了吗?
在project
模型中,您将customer
定义为 async: false
,这意味着从服务器加载项目时应提供它。从您提供的 json 输出中,缺少客户数据。
因此,要么在从服务器返回 json 时包含customer
记录,要么让客户async: true
,以便在调用时加载project.get('customer')