Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to use Ember Data with Nested Resources

My application backend has several resources. A model is exposed for each resource.

The entry point to all other resources is through the User model. What I mean is, given a User we can find BlogPost. Given a BlogPost we can find Comments etc.

In Ember terminology, we could say:

User hasMany BlogPost
BlogPost hasMany Comment
Comment belongsTo BlogPost

By backend exposes REST APIs of the form:

GET /api/v1/users/1
GET /api/v1/users/1/blog_posts/1
GET /api/v1/users/1/blog_posts/1/comments/1

I'm trying to figure out how to use Ember Data to fetch Comment belonging to a certain BlogPost belonging to a certain User.

From what I see, if I define a typical Ember model for Comment:

App.Comment = DS.Model.extend({
  ...
  blogPost: DS.belongsTo('App.BlogPost')
});

and in the CommentRoute I have the following:

var CommentRoute = MessageRoute.extend({
    model: function(params) {
        this.store.find('comment')
    },

The request is sent to:

/api/v1/comments

I don't even know where to begin in order for Ember Data to use urls of the form:

GET /api/v1/users/1/blog_posts/1/comments/1

I've seen several similar questions asked (see links below), but haven't seen a definitive answer to any of them. Most of them are almost a year old when ember-data, perhaps, did not have such functionality (or so it is claimed in some of these threads).

I ask again to confirm whether ember-data has such functionality or not.

Similar Questions:

  1. Ember Data nested Models
  2. Canonical way to load nested resources
  3. Deep nested routes
like image 378
Code Poet Avatar asked Jul 01 '14 17:07

Code Poet


1 Answers

The best way to handle it is with links. If you don't want to do it like that, it is far from supported, and difficult to hack in (the pipeline just doesn't easily pass the information around). Personally I'd recommend rolling your own adapter in that case (Ember without Ember Data).

App.Foo = DS.Model.extend({
  name: DS.attr('string'),
  bars : DS.hasMany('bar', {async:true})
});

App.Bar = DS.Model.extend({
  foo: DS.belongsTo('foo'),
});

json:

{
  id: 1,
  name: "bill",
  links: {
    bars: '/foo/1/bars'
  }
}

Example: http://emberjs.jsbin.com/OxIDiVU/971/edit

like image 117
Kingpin2k Avatar answered Nov 15 '22 06:11

Kingpin2k