Ember.js computed property with ArrayController

Question

I have an Ember.js ArrayController with a model of People. I'm trying to create a computed property that generates the average of people's weight. It seems like this should be fairly easy, but I'm stuck. Here's my code.

App.PeopleController = Ember.ArrayController.extend({

  //each model in the array has a "weight" property

  averageWeight: function() {
    //I don't know what to do here
  }.property('@each.weight')
});

Handlebars code.

{{#each controller}}
   {{name}}
{{/each}}

Average weight: {{weight}}

Jarrod Nettles · Accepted Answer · 2013-06-20 18:28:45Z

8

Figured it out. For some reason you need to use 'content.@each' to access the model data inside the computed property.

averageWeight: function(val) {
    var weights = this.get('[email protected]').toArray(); //this is the critical part!

    weights.forEach(function(val)) {
        //calc average here
    }

    return average;
}.property('@each.weight')

answered Jun 20, 2013 at 18:28

Jarrod Nettles

6,3236 gold badges30 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ember.js computed property with ArrayController

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related