Side-loading objects with non-standard class names in EmberJS with Rails+active_model_serializers

Question

I have a few models in Rails that look something like this: ``` class Issue < ActiveRecord::Base belongs_to :reporter, class_name: 'User' belongs_to :assignee, class_name: 'User' has_many :comments end class User < ActiveRecord::Base end class Comment < ActiveRecord::Base end ``` with serializers like so: ``` class IssueSerializer < ActiveModel::Serializer attributes :id embed :ids, include: true has_one :reporter, :embed => :ids has_one :assignee, :embed => :ids end class UserSerializer < ActiveModel::Serializer attributes :id, :name end class CommentSerializer < ActiveModel::Serializer attributes :id, :body end ``` This produces JSON that looks something like the following: ``` { "issues": [ { "id": 6, "reporter_id": 1, "assignee_id": 2, "comment_ids": [ 3 ] }, ], "comments": [ { "id": 3 "body": "Great comment" } ], "reporters": [ { "id": 1 "name": "Ben Burton" } ], "assignees": [ { "id": 2 "name": "Jono Mallanyk" } ] } ``` The problem is that the side-loaded reporters and assignees…

Accepted Answer

I had similar problem and have found solution at ActiveModel::Serializers readme. You can use `:root` option. Try something like this for issue serializer:

```
class IssueSerializer < ActiveModel::Serializer
  attributes :id
  embed :ids, include: true

has_one :reporter, :root => "users"
  has_one :assignee, :root => "users"
  has_many :comments
end
```

Side-loading objects with non-standard class names in EmberJS with Rails+active_model_serializers

Solution

Problem