无法让JSONAPI关联填充Ember Data嵌套模型,求排查方案
解决Ember Data嵌套关联(Report hasMany Node)的序列化问题
看起来你在处理Ember Data的嵌套关联序列化时遇到了Node模型为空的问题,我帮你梳理下核心问题和修复方案:
核心问题分析
你的序列化器里犯了一个JSON:API规范的关键错误:included字段应该是顶级属性,而不是嵌套在单个data对象内部。Ember Data会从顶级的included数组里加载关联模型的数据,你现在把它放在了report的data对象里,导致框架无法识别这些Node数据,自然Node模型就为空了。
另外还有几个小细节需要调整:
- 普通数组应该用
push而不是pushObject(pushObject是Ember数组的专属方法,若未将数组初始化为Ember数组会报错) - Report模型的
hasMany关系可以明确指定inverse,和Node模型的belongsTo对应上,避免关联歧义
修复后的序列化器代码
// serializer for report.js import DS from 'ember-data'; import { isNone } from '@ember/utils'; export default DS.JSONAPISerializer.extend({ keyForAttribute: function (attr) { return attr; }, keyForRelationship: function (key) { return key; }, normalizeResponse: function (store, primaryModelClass, payload, id, requestType) { return this._super(store, primaryModelClass, this.getNewPayload(payload), id, requestType); }, getNewPayload (payload) { let newPayload = { data: [], included: [] // 将included移至顶级位置 }; if (!isNone(payload)) { let nodeId = 1; if (payload.data instanceof Array) { let nodeRelationship = []; payload.data.forEach((record) => { // 构建关联关系数据 nodeRelationship.push({ id: `${nodeId}`, type: 'node' }); // 构建included中的Node数据 newPayload.included.push({ id: `${nodeId}`, type: 'node', attributes: record.node, // 添加上反向关联到report的关系 relationships: { report: { data: { id: '0', type: 'report' } } } }); nodeId++; }); // 构建Report的主数据 newPayload.data.push({ id: '0', type: 'report', attributes: {}, relationships: { nodes: { data: nodeRelationship } } }); } } return newPayload; } });
模型定义的小优化
可以把Report模型的hasMany关系明确指定inverse,和Node的belongsTo对应,让Ember Data更清晰地识别关联:
// model report.js import DS from 'ember-data'; export default DS.Model.extend({ nodes: DS.hasMany('node', { async: false, inverse: 'report' }) });
修复逻辑说明
- 将
included数组提升到newPayload的顶级,符合JSON:API规范,Ember Data就能正确加载Node模型数据 - 给每个Node加上反向关联到Report的关系,确保双向关联正常工作
- 把
pushObject换成普通数组的push,避免潜在的数组类型错误 - Node的id转为字符串(JSON:API推荐id用字符串类型,避免类型匹配问题)
这样修改后,当你加载Report数据时,report.get('nodes')应该就能正确返回对应的Node实例,而不是空数据了。
内容的提问来源于stack exchange,提问作者user5471528
相关产品推荐
相关产品推荐

