How to access nested object in json with Ember data

Question

I'm using Ember data and having a hard time figuring out get ember to recognize nested properties in my JSON response from the server. This is ember-1.0.0-pre.4.js.

Currently, I've set up associated models with Ember data revision 11. Here the

# School Model
App.School = DS.Model.extend
  addr:       DS.belongsTo('App.Addr')

  name:       DS.attr 'string'
  status:     DS.attr 'string'

# Address Model
App.Addr = DS.Model.extend
  school:   DS.belongsTo 'App.School'

  line1:    DS.attr 'string'
  city:     DS.attr 'string'
  state:    DS.attr 'string'
  iso:      DS.attr 'string'

And here is the JSON response from my server:

{"schools":
 [{
    "_id":"51020261bbc3b8c526000007",
    "name":"Willamette",
    "status":"p",
    "addr":{
      "line1":"122 Evergreen Terrace",
      "city":"Springfield",
      "state":"IL",
      "iso":"US"
    }
   }    
  ]}

My adapter is set up as follows:

    App.Store = DS.Store.extend
      revision: 11
      adapter: DS.RESTAdapter.create({
        url: "http://localhost:8000/api"
        serializer: DS.RESTSerializer.extend
        primaryKey: (type) ->
          '_id';
      })

UPDATE: I've tried to map the addr property, as follows. Still no dice...

DS.RESTAdapter.map 'App.School', 
  addr: { embedded: 'always'}

In my template, I'd like to do something like this...

   <script type="text/x-handlebars" data-template-name="school">
      <h2>School: {{name}}</h2>
      <p> Status: {{ status }}</p>
      <p> Address: {{ addr.line1 }} {{ addr.city }} </p>
    </script>

The name and status properties render fine. But addr.line1 and addr.city are blank. Is there a way to get Ember to recognize the nested addr propeties?

Thanks!

match post as answered

lesyk
– lesyk

2013-03-12 17:15:33 +00:00
Commented Mar 12, 2013 at 17:15 — lesyk
– lesyk, Commented Mar 12, 2013 at 17:15

Community · Accepted Answer · 2017-05-23 12:16:45Z

6

Since you're embedding the addr JSON in your schools JSON you need to setup the mapping in the DS.RESTAdapter.

DS.RESTAdapter.map 'App.School',
  addr: { embedded: 'always' }

The embedded option can have two values, 1) always, 2) load.

See Yehuda's answer here for the details: https://stackoverflow.com/a/14324532/1409279

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Jan 29, 2013 at 22:26

sma

4074 silver badges6 bronze badges

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

2 Comments

Chris Over a year ago

Thanks! I added the line from your answer but it still doesn't seem to load the embedded addr object. Maybe I'm defining the models incorrectly? Sorry, I'm a complete Ember noob :/

Chris Over a year ago

Got it working with a tiny change. Thanks for pointing me in the right direction!

Zahid Riaz · Accepted Answer · 2014-11-11 19:08:03Z

6

Did you get time to look at

Ember Data: Model Fragments

It allows nested data

answered Nov 11, 2014 at 19:08

Zahid Riaz

2,8893 gold badges30 silver badges38 bronze badges

Comments

intuitivepixel · Accepted Answer · 2013-07-31 09:03:46Z

2

Looks like sma's answer was correct, I just needed a reference to the adapter first. This bit...

DS.RESTAdapter.map 'App.School', addr {embedded: 'always' }

...gives an error 'cannot call map of undefined'. So updated to...

    App.Adapter = DS.RESTAdapter.extend
      bulkCommit: false


    App.Adapter.map 'App.School', {
      addr: {embedded: 'always'}
    }

Works now!

edited Jul 31, 2013 at 9:03

intuitivepixel

23.3k3 gold badges59 silver badges51 bronze badges

answered Jan 30, 2013 at 19:31

Chris

7391 gold badge7 silver badges22 bronze badges

1 Comment

sudhanshu Over a year ago

Can you try the same with two level deep nesting ?

Collectives™ on Stack Overflow

How to access nested object in json with Ember data

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related