What is the error in the description of the model?

Question

Ember.js

I have the following description of the model:

export default DS.Model.extend({
    initValue  : attr('number', {
        defaultValue: 0
    }),
    value: attr('number', {
        defaultValue: function() {
            var val = 0;
            this.get('operations').forEach(function(operation) {
                val += operation.get('value');
            });
            return this.get('initValue') + val;
        }.property('[email protected]')
    }),
    operations: DS.hasMany('operation', {
        async: true
    })
});

When outputting the value value to the template, computed properties are output instead of number.
Where is the mistake?

Answer 1

export default DS.Model.extend({
    initValue  : attr('number', {
        defaultValue: 0
    }),
    value: attr('number', {
        defaultValue: function() {
            var val = 0;
            this.get('operations').forEach(function(operation) {
                val += operation.get('value');
            });
            return this.get('initValue') + val;
        }.property('[email protected]') // <- ошибка, так делать не надо
    }),
    operations: DS.hasMany('operation', {
        async: true
    })
});

Change to like this

export default DS.Model.extend({
    initValue  : DS.attr('number', { defaultValue: 0 }),    
    operations: DS.hasMany('operation', { async: true }),

    value: function() {
        var val = 0;
        this.get('operations').forEach(function(operation) {
            val += operation.get('value');
        });
        return this.get('initValue') + val;
    }.property('[email protected]', 'initValue'),
});