枚举Emberjs数据关系

Question

如何在模板中枚举模型的关系？我目前有两种型号：user和role。

user.js的

import DS from 'ember-data';

export default DS.Model.extend({
  username: DS.attr('string'),
  email:    DS.attr('string'),
  roles:    DS.hasMany('role', { async: true }),
});

role.js

import DS from 'ember-data';

export default DS.Model.extend({
  name:        DS.attr('string'),
  description: DS.attr('string'),
  users:       DS.hasMany('user')
});

当我访问/user/foo（用户名是ID）时，用户正确填充。但我不能让角色正确显示出来。当我使用天真的{{user.roles}}时，我得到了：

<(subclass of Ember.ArrayProxy):ember806>

由于RSVP，用户和角色的模型都已加载，但我想具体列举与加载的用户模型关联的角色的name属性。

非常感谢任何帮助！

PS：Ember 2.7.0