在 Ember 2 中加载 belongsTo 关系时出错
Error loading belongsTo relationship in Ember 2
我在加载 belongsTo
关系时遇到问题 - 没有显示错误,也没有发送请求。 UI 只是保持空白。给定以下模型:
project.js
从 'ember-data';
导入 DS
export default DS.Model.extend({
name: DS.attr(),
items: DS.hasMany('line-item', {async: true}),
customer: DS.belongsTo('customer', {async: false})
});
customer.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')
[=16] 时加载=]
我在加载 belongsTo
关系时遇到问题 - 没有显示错误,也没有发送请求。 UI 只是保持空白。给定以下模型:
project.js 从 'ember-data';
导入 DSexport default DS.Model.extend({
name: DS.attr(),
items: DS.hasMany('line-item', {async: true}),
customer: DS.belongsTo('customer', {async: false})
});
customer.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')
[=16] 时加载=]