Dynamisch berechnete Eigenschaften in Ember.JS veraltet?

Question

Ich versuche eine Ember-Anwendung zu machen. Ich habe eine berechnete Eigenschaft und der Controller sieht wie folgt aus:

// 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 

Jetzt das Tutorial Ich folge wird mit einer älteren Version von Ember.js. Ich habe jeden Fehler behoben, aber dies:

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

Was ist die Alternative Art und Weise, dies zu tun?

Answer 1

Die berechnete Eigenschaft ist nur für die create()-Funktion eines Objekts veraltet. Wenn Sie eine berechnete Eigenschaft erstellen möchten, müssen Sie zuerst das Objekt extend() und dann create() es.

Zum Beispiel:

// 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

Es scheint auch in Ordnung zu arbeiten, wenn Sie wieder öffnen zu tun:

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

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