Ember.js - Ember Data not returning a model

Question

I'm using Ember Data to retrieve a playlist with songs. The code is:

App.PlaylistRoute = Em.Route.extend({
    model: function(params) {
        var plist = this.store.find('playlist', params.id);
        console.log(plist);
        return [];
    }
})

App.Playlist = DS.Model.extend({
    beats: DS.hasMany('beat')
});

App.Beat = DS.Model.extend({
    name: DS.attr('string') 
});

The problem with this code is that it works and returns data but in an obscure object, not in a model. I cannot then do plist.get('beats') or plist.get('id') as it just returns undefined. The JSON data is really simple:

{
    "playlist": {
        "id": "popular-beats",
        "beats": [
            "1",
            "2"
        ]
    },
    "beats": [
        {
            "id": "1",
            "name": "Name"
        },
        {
            "id": "2",
            "name": "Another Name"
        }
    ]
}

When I log the array in the console, here is the object that is returned:

__ember1383247403867: "ember293"
__ember1383247403867_meta: e
_super: undefined
content: s
isFulfilled: true
toString: function (){return e}
__proto__: Object

If I drill down into content._data I will find the beats array - so data is loaded successfully, but it's not returning a proper model that I am expecting.

Anton Lantsov · Accepted Answer · 2013-10-31 23:39:48Z

2

store.find() does not return model object immediately, it returns promise, that will contain 'beats' and 'id' properties in the future. so you can use model in templates, and templates will be updated when model updated.

http://emberjs.jsbin.com/oTEvIwe/3 - this is an ember application based on your router and models. in console, you can see that plist.get('beats') is undefined in router#model, but html page contains it.

if you want manipulate with model in router you can use setupController.

http://emberjs.jsbin.com/oTEvIwe/3/edit - source.

more about promises - http://emberjs.com/guides/routing/asynchronous-routing/

answered Oct 31, 2013 at 23:39

Anton Lantsov

3362 silver badges4 bronze badges

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

1 Comment

Wasim Over a year ago

Thanks that fixed the issue. I did actually try that from the beginning but it threw an error...now I realised the error was something different and it's all sorted. Appreciate your help.

Collectives™ on Stack Overflow

Ember.js - Ember Data not returning a model

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related