Ember.js 1.0.0：父控制器中基于子 ItemController 属性的计算属性未更新

Question

我有一个 AlertsController，它下面有多个 AlertController 子级。当用户单击警报时，我在 AlertView 的 AlertController 中将 isSelected 标志设置为 true。然后我在 AlertsController 中有一个计算属性，它应该返回所选警报的数量。

AlertsController 和 AlertController 如下所示：

App.AlertsController = Ember.ArrayController.extend({
    itemController: 'Alert',
    //numSelected doesn't update when isSelected flag in an alert changes
    numSelected: function(){
        return this.filterProperty('isSelected', true).get('length');
    }.property('@each.isSelected')       
});

App.AlertController = Ember.ObjectController.extend({
    isSelected : false,
}); 

我知道 AlertController 中的 isSelected 属性正在更新，但 AlertsController 中 numSelected 的值是仅在页面加载时计算一次。

我在以下小提琴中重新创建了我的问题：

JSFiddle：http://jsfiddle.net/WLAnF/8/

有谁知道我在这里做错了什么？感谢您的帮助！

Answer 1

你不应该在App.AlertController中定义isSelected：

App.AlertController = Ember.ObjectController.extend({
  // isSelected : false,
});

查看工作演示：http://jsfiddle.net/BQmww/1/

原因是，如果您在App.AlertController 中显式定义isSelected，它将在代理的content 对象中不可用（因此App.AlertsController 将无法访问它）。