Ember.js and PHP API

Question

I am currently having an issue learning the basics of Ember and how it communicates with a backend service.

Here is what I'm doing in router.js:

Rugby.RugbyRosterRoute = Ember.Route.extend({
        model: function(){

            return [{

                    firstname:$.getJSON("/RugbyAPI")
                    // $.getJSON("/RugbyAPI") returns "John"

                }];

            //return this.store.find('roster');
        },

        renderTemplate: function(controller) {
            this.render('rugby/roster', {controller: controller});
            // tried this as well
            //this.render('rugby/roster', controller);

        }
    });

But this is whats rendered.... [object Object]

I guess my question is how would I deal with this 'object'. I have been stuck for the past day but now luck...

EDIT:

I run this command in the web browser console...

$.getJSON("/RugbyAPI", function(data) { console.log(data) });

This is the result:

-> Object {readyState: 1, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function…}
-> John

My guess is that I have to parse to the key that I need to display... But I can't seem to parse to it.... ['responseJSON'], ['firstname'], etc., nothings working...

score 1 · Answer 1 · answered Jul 08 '14 at 18:38

1

{controller: controller}

Is an object.

Try:

this.render('rugby/roster', controller);

or:

this.render('rugby/roster', controller.propertyName);

answered Jul 08 '14 at 18:38

andrew

9,313
7
30
61

if `controller.propertyName` is still giving `[object Object]` then try `console.log(controller.propertyName)` and see what you got in it – andrew Jul 08 '14 at 18:48
but console.log(controller) gives me an object – jsetting32 Jul 08 '14 at 18:54

Ember.js and PHP API

1 Answers1