EmberFire从不同的模型中添加关系

时间:2016-01-11 10:18:30

标签: ember.js firebase emberfire

-------------------------------
Ember      : 1.13.11
Ember Data : 1.13.15
Firebase   : 2.3.2
EmberFire  : 1.6.3
jQuery     : 1.11.3
-------------------------------

我的firebase应用程序中有两个端点。 /employees/subjects。在我的ember应用程序中,我想将主题添加到员工(employees/$id/subjects)。问题是,我不知道如何从/subjects加载我的所有主题,因此我可以将它们添加到我的阵列中。

这是我的路线:

Router.map(function() {
  this.route('dashboard');
  this.route('employees', function() {
    this.route('employee', { path: '/:id'});
  });
});

这是我的模特

export default Ember.Route.extend({
  model(params) {
    return this.store.findRecord('employee', params.id);
    }
});

我尝试了各种方法来实现这一点,创建了一个子路由this.route(employee, function(){ this.route('subjects') },在我的员工模型中加载了第二个模型,其中没有一个有效。我是新来的,所以我可能会把一些东西搞砸了。任何帮助表示赞赏。

修改

员工模型

export default DS.Model.extend({
  name: DS.attr('string'),
  position: DS.attr('string'),
  accessoryPosition: DS.attr('string'),
  education: DS.attr('string'),
  experience: DS.attr('string'),
  imgUrl: DS.attr('string'),
  subjects: DS.hasMany('subject', {async: true})
});

主题模型

export default DS.Model.extend({
  name: DS.attr('string')
});

或许可以更好地描述我的意图,这是我想要的流程:

用户选择员工,显示员工信息以及分配给该员工的主题列表。但是,如果我想为员工分配新主题,我还需要完整的主题列表。因此我的问题。希望这是有道理的

1 个答案:

答案 0 :(得分:1)

好的,那么你可以在你的路线中做到这一点:

export default Ember.Route.extend({
   model(params) {
     return Ember.RSVP.hash({
            employee: this.store.findRecord('employee', params.id), 
            subjects: this.store.findAll('subject')        
     });
  }
});

然后在你的模板中:

{{#each employee.subjects as |subject|}}
   {{!these are your employee subjects}}
   {{subject.name}}
{{/each}}



{{#each subjects as |subject|}}
   {{!these are all your subjects}}
   {{subject.name}}
{{/each}}