EmberJS模型关联未更新：新增员工后公司员工列表未同步

核心原因 #

你遇到的问题本质是服务器返回的findRecord数据中，company关联的employees列表并未包含刚新增的员工，而company.employees.reload()是直接请求该公司专属的员工集合接口（比如/companies/companyX/employees），这时候服务器返回了最新数据，所以长度匹配。

具体来说有两种可能：

• 服务器端的GET /companies/companyX接口，在接收include=employees参数时，没有实时同步刚创建的员工数据（比如新增员工后未更新关联的集合查询逻辑，或存在缓存延迟）。
• Ember Data的缓存合并逻辑：当你调用findRecord重载时，Ember Data会用服务器返回的employees数据覆盖本地缓存，但如果服务器返回的还是旧列表，自然不会更新；而reload()是单独请求关联集合的端点，拿到了最新数据。

解决办法 #

1. 检查服务器接口返回
   直接在浏览器开发者工具里查看findRecord对应的GET请求响应，确认返回的company对象中，employees数组是否包含新创建的员工。如果没有，需要修复服务器端的查询逻辑，确保新增员工后，GET /companies/companyX?include=employees能返回完整的最新员工列表。

2. 本地手动更新集合（推荐实时场景）
   不需要依赖服务器重载，在创建员工成功后，直接把新员工对象添加到company的employees集合中：

   // 假设你创建员工的代码类似这样
   this.store.createRecord('employee', {
     company: company,
     // 其他员工字段
   }).save().then((newEmployee) => {
     company.get('employees').pushObject(newEmployee);
   });
   

   这样本地缓存会立刻更新，不需要等待异步的重载请求，完全适配你的实时操作需求。

3. 确认模型关联定义
   检查Company和Employee模型的关联是否正确：

   // app/models/company.js
   import Model, { hasMany } from '@ember-data/model';
   export default class CompanyModel extends Model {
     @hasMany('employee', { inverse: 'company' }) employees;
   }
   
   // app/models/employee.js
   import Model, { belongsTo } from '@ember-data/model';
   export default class EmployeeModel extends Model {
     @belongsTo('company') company;
   }
   

   正确的关联关系能让Ember Data自动维护集合，但如果服务器返回的关联数据异常，还是需要配合前两种方案解决。

内容的提问来源于stack exchange，提问作者blackstrype