Embedded Record is not getting loaded in Ember.js

Posted by Venky on Stack Overflow See other posts from Stack Overflow or by Venky
Published on 2014-06-07T11:54:09Z Indexed on 2014/06/08 15:25 UTC
Read the original article Hit count: 203

Filed under:
|

Following is the JSON data I am trying to load using ember-data:

{
  "product" : [
    { 
        "id" : 1,

        "name" : "product1",

        "master" : {

            "id" : 1,

            "name" : "product1",

            "images" : [
                {
                    "id" : 1,
                    "productUrl" : "/images/product1_1.jpg"
                },

                {
                    "id" : 2,
                    "productUrl" : "/images/product1_2.jpg"
                }
            ]

        }
    },

    { 
        "id" : 2,

        "name" : "product2",

        "master" : {

            "id" : 2,

            "name" : "product2",

            "images" : [
                {
                    "id" : 3,
                    "productUrl" : "/images/product2_1.jpg"
                },

                {
                    "id" : 4,
                    "productUrl" : "/images/product2_2.jpg"
                }
            ]
        }
    }

]
}   

The models are as follows:

App.Product = DS.Model.extend
  name: DS.attr('string')
  description: DS.attr('string')
  master: DS.belongsTo('master')

App.Master = DS.Model.extend
  images: DS.hasMany('image')

App.Image = DS.Model.extend
  productUrl: DS.attr('string')

The Application Serializer code is as follows:

App.ApplicationSerializer = DS.ActiveModelSerializer.extend(DS.EmbeddedRecordsMixin,
attrs: {
  images: { embedded : 'always' }
  master: { embedded : 'always' }
}
)

The problem is that the "master" model records are being returned empty. I am not sure, where I am going wrong.

I am using the following platform configuration:

  • ember-source (1.4.0)
  • ember-data-source (1.0.0.beta.7)
  • ember-rails (0.15.0)
  • Rails (4.1.0)

Thanks

© Stack Overflow or respective owner

Related posts about ember.js

Related posts about ember-data