带有“@each”的计算属性不会更新

Question

我创建了一个依赖于存储中所有记录的计算属性。

我已经尝试使用.property('todos.@each.id')、.property('model.@each.id')、.property('@each.id')、.property('@each') 和其他组合对添加/删除记录进行属性更新，但到目前为止没有运气。 :( 当我创建新记录时，现有记录的属性不会更新。

这是一个小提琴：http://jsbin.com/UDoPajA/211/edit?output

属性是otherTodos 在Todo 控制器上。该属性由页面上的<select> 下拉列表使用（通过{{view Ember.Select}}）。

Answer 1

您超出了收藏范围。您需要访问todos 控制器才能获得基于其模型的计算属性。 needs 将处理这个用例。 http://emberjs.com/guides/controllers/dependencies-between-controllers/

此外，为了方便访问 todos 控制器模型的别名，我们使用computed.alias。 http://emberjs.com/api/#method_computed_alias

Todos.TodoController = Ember.ObjectController.extend({
  needs:['todos'],
  todos: Ember.computed.alias('controllers.todos.model'),
  ....

  foo: function(){

  }.property('todos.@each.id')
});

请注意，在您的代码中，您正在创建 Ember Data 过滤器的多个实例，过滤器集合是指在存储中添加/删除记录时长期存在和更新的实时集合。您可能只想从 todos 中获取模型并对其进行过滤，而不是创建新的存储过滤器（这样也可以避免异步代码，这不是问题）。

这是一个可以避免这种情况的实现（将其用作设置器没有意义，您只是从中获得）：

  otherTodos: function() {
    var model = this.get('model'),
      thisId = model.get('id');

      var todos = this.get('todos').filter(function (todo) {
        return todo.get('id') !== thisId;
      });
      var selectContent = todos.map( function(todo){
        var selectContent = {
          title: todo.get('title'),
          id: todo.get('id')
        };
        return selectContent;
      });

      return selectContent;

  }.property('todos.@each.id'),

这是您代码的更新 jsbin：http://jsbin.com/UDoPajA/216/edit