Ember.js-無法呈現嵌套模型

Question

有一個即將到來的周末項目，並用它來評估Ember.js，我無法弄清楚為什么無法在模板中顯示嵌套對象。 這不起作用：

{{#each emails}}
  {{email_address}}
{{/each}}

當我嘗試{{emails}}時，我會得到提示，這是正確的：

楷模：

App.Contact = DS.Model.extend({
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  company: DS.attr('string'),
  emails: DS.hasMany('App.Email')
});

App.Email = DS.Model.extend({
  contact: DS.belongsTo('App.Contact'),
  emailAddress: DS.attr('string'),
});

路線：

App.Router.map(function() {
  this.resource('contacts', function() {
this.resource('contact', {path: ':contact_id'});
  });
});

App.ContactsRoute = Ember.Route.extend({
  init: function() {},
  model: function() {
    return App.Contact.find();
  }
});

App.ContactRoute = Ember.Route.extend({
  model: function(params) {
    return App.Contact.find(params.contact_id);
  }
});

我不知道下一步該怎么做。 我在Rails中使用active_model_serializer。 我試過嵌入，側加載無濟於事。 我敢肯定這很簡單，我想念一下。謝謝！

Answer 1

使用each助手時，建議您更詳細地說明要循環播放的項目，以避免出現此類問題。

請嘗試以下操作：

{{#each email in model.emails}}
  {{email.emailAddress}}
{{/each}}

這也應該起作用：

{{#each emails}}
  {{this.emailAddress}}
{{/each}}

而且，您的模型屬性稱為emailAddress而不是email_address 。

希望能幫助到你。