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(), 
});