在 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] 时加载=]