Question

我有一个应用程序，有2个模型：团队和用户。每个团队都有很多用户，只有1个团队负责人。在团队的索引视图中，我想显示团队列表以及团队负责人的名称。我无法获得要显示的团队负责人的姓名。不确定是什么错误。

用户模型：

export default Model.extend({
  firstName: attr(),
  lastName: attr(),
  team: belongsTo('team', { inverse: 'users' }),
  fullName: Ember.computed('firstName', 'lastName', function() {
    return `${this.get('firstName')} ${this.get('lastName')}`;
  })
});

团队模型：

export default Model.extend(Validations, {
  name: attr(),
  shortName: attr(),
  description: attr(),
  teamLeader: belongsTo('user', { inverse: null }),
  users: hasMany('user'),
  specialisationArea: attr(),
  sourceEnergyTeam: attr(),
  isEnergyTeam: Ember.computed('specialisationArea', function(){
    return this.get('specialisationArea') == 101;
  })
});

团队索引路线：

export default Ember.Route.extend({
  model() {
    return this.store.findAll('team');
  }
});

团队列表模板：

  {{#each model as |team|}}
    <tr>
      <td>{{team.name}}</td>
      <td>{{team.shortName}}</td>
      <td>{{team.description}}</td>
      <td>{{team.teamLeader.fullName }}</td>
      <td>{{#link-to "teams.team" team}}Details{{/link-to}}</td>
    </tr>
  {{/each}}

这是海市蜃楼的配置：

this.get('/teams', () => {
  return [{
    id : 11,
    type: 'team',
    name: 'Energy',
    description: 'energy desc',
    shortName: 'short',
    teamLeader: 12,
    users: [12],
    energyTeam: true
  }];
});

this.get('/teams/:team_id', () => {
  return {
    id: 11,
    type: 'team',
    name: 'energy',
    description: 'energy desc',
    shortName: 'eg',
    teamLeader: 12,
    users: [12],
    energyTeam: true
  };
});

this.get('/users', () => {
  return [{
    id: 12,
    type: 'user',
    firstName: 'Pedro',
    lastName: 'Alonso',
    team: 11
  }];
});

我不确定出了什么问题，但在网络通话中，我看到只有拨打＆＃39; / team＆＃39;正在被触发。有什么想法吗？

由于

如何在Ember数据中加载依赖项

0 个答案: