Question

I have these two resources:

App.Users = DS.Model.extend({
    first_name: DS.attr('string'),
    last_name: DS.attr('string'),
    email: DS.attr('string'),
    userprofile: DS.belongsTo('App.Userprofiles', {embedded:true}),
    fullName: function() {
        return this.get('first_name') + ' ' + this.get('last_name');
    }.property('first_name', 'last_name'),
    didLoad: function() {
        console.log('Developer model loaded', this);
    }
});

App.Userprofiles = DS.Model.extend({
    company: DS.attr('string'),
    user: DS.belongsTo('App.Developers'),
    didLoad: function() {
        console.log('Developer Profile model loaded', this);
    }
})

These are my view and controller:

App.UserInfoController = Ember.ObjectController.extend({
    content: App.store.find(App.Users, 1),
}).create();

App.UserInfoView = Ember.View.extend({
    controller: App.UserInfoController,
    contentBinding: 'controller.content'
});

This a sample response for a user from my API

{
  "email": "[e-mail]",
  "first_name": "George",
  "id": "1",
  "last_name": "Eracleous",
  "resource_uri": "/api/v1/users/1/",
  "userprofile": {
    "company": "bar",
    "id": "1",
    "resource_uri": "/api/v1/userprofiles/1/",
    "user": "/api/v1/users/1/"
  }
}

The user object is loaded correctly but when I try to do get(“userprofile”) I get null. Does anybody know what I am doing wrong?

Answer 1

In order to load embedded related objects you have to configure the serializer used by the adapter, by calling its ‘map’ function. The only way I know to do this is by subclassing the serializer and add an ‘init’ function to it, where you make the necessary calls to map. For every embedded relationship of every model class you will have to do a call to ‘map’. This applies to to-one and to-many relationships. Make sure to configure your adapter to use this serializer.
For an example see my answer to a previous question.
You can also check out this example online.

As mentioned in the comment, instead of subclassing the serializer and calling its map() function in the initialiser you can directly call map() on the adapter class. As an example, here is an excerpt of my own code doing this.

WO.RESTAdapter.map(App.Category, {
 resourceTypes: {
  embedded: 'load'
}
});
WO.RESTAdapter.map(App.Resource, {
 resourceType: {
  embedded: 'load'
 }
});
WO.RESTAdapter.map(App.Reservation, {
 resource: {
  embedded: 'load'
 },
 user: {
  embedded: 'load'
 }
});
App.serializer = App.WOSerializer.create();
App.store = DS.Store.create({
 revision: 10,
 adapter: WO.RESTAdapter.create({
  namespace: "cgi-bin/WebObjects/Reserve.woa/ra",
  serializer: App.serializer
 }),
 serializer: App.serializer,
 adapterForType: function(type){
  return this.get('adapter');
 }
});