Rails (ActiveRecord) で関連モデルを含めて取得したい

Question

Rails初心者です。
Rails5でウェブアプリの開発をしています。

class Post < ApplicationRecord
  has_many :comments
end

class Comment < ApplicationRecord
  belongs_to :post
end

上記のような関連のある状態で、DBから取得したデータをJSで扱いたいと思っております。

@posts = Post.includes(:comments).all

<div id="posts" data-posts="<%= @posts.to_json %>"></div>

Viewで @posts をループさせて comments を表示させることは問題なくできるのですが、上記のようにしてそのままJSに渡しても、 comments の含まれないオブジェクトとして渡ってきます。

$ ->
  console.log $('#posts').data()

  # こうなる
  # posts: [
  #   {
  #     title: xxx,
  #     body: xxx
  #   },
  #   ...
  # ]

  # こうなって欲しい
  # posts: [
  #   {
  #     title: xxx,
  #     body: xxx,
  #     comments: [
  #       { body: xxx, user_id: xxx },
  #       ...
  #     ]
  #   },
  #   ...
  # ]

この挙動はRailsの普通の挙動ですか？
またこのような場合、別々の配列としてJSに渡し、JS側で構造を整えるしか方法はありませんか？

よろしくお願いします。

Answer 1

はい、そのままJSON化すると、親のモデルしか取れません。

.to_json(include: [:model])のように、JSON化の際に指定します（参考）。

Answer 2

@posts.to_json(include: :comments)

ですかね。