first of all, I am total noob when it comes to OOP in JS, this is new to me so treat me like a noob.

I am building my first ember.js application and I am stuck (not the first time but I would get unstuck by myself, this is a tough one though).

I have two models: forms entries

Entries is of course in (one to many) relationship to forms, so each form can have as many properties.

Form properties:

id           : DS.attr( 'number' ),
title        : DS.attr( 'string' ),
views        : DS.attr( 'number' ),
conversion   : DS.attr( 'number' ),
entries      : DS.hasMany( 'entry' )

Entry properties:

id       : DS.attr( 'number' ),
parent_id: DS.belongsTo( 'form' )

Now, I have forms route that displays all forms in tabled view, and each table row has some info like form id, name etc. and that works great.

What I wanted to do is display the number of entries each form has. I figured I should do that via controller, so here is my controller now:

// Form controller
App.FormController = Ember.ObjectController.extend({

    entriescount: function() {

        var entries = this.get( 'store').find( 'entry' );
        return entries.filterBy( 'parent_id', this.get( 'id' ) ).get( 'length' );

    }.property( '[email protected]_id')

});

Now for some reason, when I use {{entriescount}} in {{#each}} loop, this returns nothing. It also returns nothing in single form route. Note that in both cases, {{title}} for example works. I am wondering, am I going the right way by using controller for this, and how do I get controller to output the data.

Thanks