Ember.js: How to persist Many to Many relationships

Question

I'm building an Ember.js app which allows Many-to-Many relationships between 2 entities, e.g. Post and Tag:

App.Post = DS.Model.extend({
    title: DS.attr("string"),
    body: DS.attr("string"),
    tags: DS.hasMany("App.Tag")
});

App.Tag = DS.Model.extend({
    name: DS.attr("string"),
    posts: DS.hasMany("App.Post")
});

I'm having difficulty getting Ember to serialize the many-to-many relationship when persisting new records. This is how I'm currently doing it:

// Create the post
post = store.createRecord(App.Post, {title: "Example", body: "Lorem ipsum..."});

// Create the tag
tag = store.createRecord(App.Tag, {name: "my-tag"});

// Add the tag to the post
post.get("tags").addObject(tag);

// Add the post to the tag
tag.get("posts").addObject(post);

// Save
store.commit();

The new records show up in the DOM, and are POSTed to my API, however the serialization doesn't include the relationship between them. For example, the serialization of the post looks like:

title=Example&body=Lorem+ipsum...

I would expect it to also include the tags it has been associated with.

Where am I going wrong?

Is this using a true backend or just fixtures right now? – Toran Billups Mar 01 '13 at 15:22 — Toran Billups, Mar 01 '13 at 15:22

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

By default, hasMany relationships are only serialized to an _ids array in your JSON if you configure the relationship as embedded in your serializer. Take a look at this answer for more details.

edited May 23 '17 at 11:57

Community

1
1

answered Mar 01 '13 at 17:01

ahmacleod

4,280
19
43

score 0 · Answer 2 · answered Dec 26 '13 at 19:52

0

You can do it with Ember Data 1.0.0 by overriding the serializer: http://mozmonkey.com/2013/12/serializing-embedded-relationships-ember-data-beta/

answered Dec 26 '13 at 19:52

Jeremy Gillick

2,560
3
27
35

Ember.js: How to persist Many to Many relationships

2 Answers2