Ember.JS中的动态计算属性已弃用？

Question

我正在尝试制作一个应用程序。我有一个计算的属性和控制器看起来是这样的：

// The Controller 

Todos.Controller = Ember.Controller.create({ 

    // ** SNIP ** // 

    countCompleted: function() 
    { 
     return this.get('todos').filterProperty('completed', true).length 
    }.property(), 
}); 

// The View 

{{Todos.Controller.countCompleted.property}} Items Left 

现在我下面的教程使用Ember.JS的旧版本。我每天固定的错误，但这样的：

Uncaught Error: assertion failed: Ember.Object.create no longer supports defining computed properties.

什么是另一种方式来做到这一点？

Answer 1

计算属性仅在对象的create()函数上被弃用。如果你想创建一个计算属性，那么你首先必须extend()的对象，然后create()它。

例如：

// The Controller 

Todos.TodosController = Ember.Controller.extend({ 

    // ** SNIP ** // 

    countCompleted: function() 
    { 
     return this.get('todos').filterProperty('completed', true).length 
    }.property(), 
}); 

// Note the lower case 't' here. We've made a new object 
Todos.todosController = Todos.TodosController.create(); 

// The View 


// We reference the created object here (note the lower case 't' in 'todosController') 
{{Todos.todosController .countCompleted.property}} Items Left 

Answer 2

这似乎也工作正常，如果你做了重新打开：

Todos.todosController = Ember.Controller.create({ 
    // ** SNIP ** // 
}); 

Todos.todosController.reopen({ 
    countCompleted: function() { 
     return this.get('todos').filterProperty('completed', true).length 
    }.property(), 
});