javascript - Ember-data 观察困惑

Question

我有一个这样的模型:

App.Category = DS.Model.extend({
  title: DS.attr('string'),
  items: DS.hasMany('item', {async: true}),
  itemCount: function() {
    return this.get('items').get('length');
  }.property('items')
});

如果我想在每次用户添加或删除项目时更新 UI，我似乎无法在那里使用“属性”。

据我所知，我应该使用“observes”，但是当我使用它代替“property”时，handlebars {{itemCount}} 标记只会将函数本身呈现为字符串。

非常感谢任何有关使其正确渲染的帮助。

Answer 1

我认为你可以简单地使用:

{{items.length}}

在你的 Handlebars 模板中。

绝对不需要观察者，计算属性会自行更新。

如果您确实想要一个名为 itemCount 的计算属性，那么它将是:

itemCount: function() {
  return this.get('items.length');
}.property('items.length')

或者更好:

itemCount: Ember.computed.alias('items.length')