ブログの投稿にカテゴリーを多対多の関係でつけたい。accepts_nested_attributes_forを使用

Question

railsをはじめて３ヵ月の経験ですが、自分のブログを作りたいと思っています。

railsでブログの投稿にカテゴリーを多対多の関係で作ろうとしています。
以下モデルです。

#post.rb

class Post < ApplicationRecord
  has_many :comments ,dependent: :destroy
  has_many :post_categories, dependent: :destroy
  has_many :categories, through: :post_categories, source: :category, dependent: :destroy
  accepts_nested_attributes_for :post_categories, allow_destroy: true

  validates :title, presence: true, length:{ minimum: 5, maximum: 255 }
  validates :text, presence: true
end
------------------------------------------------------------------------------------------------------------------
#post_category.rb

class PostCategory < ApplicationRecord
  belongs_to :post
  belongs_to :category
end
------------------------------------------------------------------------------------------------------------------
#category.rb

class Category < ApplicationRecord
  has_many :post_categories, dependent: :destroy
  has_many :posts, through: :post_category, source: :post, dependent: :destroy

  validates :name, uniqueness: true

end

以下コントローラです。

#posts_controller.rb

class PostsController < ApplicationController

  def new
    @post = Post.new
    @post.post_categories.build
  end

  def create
    @post = Post.new(post_params)
  end

  private
  def post_params
  params.require(:post).permit(:title, :text, post_categories_attributes: [:id, :category_id])
  end
end

#posts/new.thml.erb

<%= form_for @post do |f| %>
  <%= render "layouts/error_messages", object: @post %>
  <div class="form-group">
    <%= f.label :title ,"タイトル"%>
    <%= f.text_field :title, class: "form-control"%>
  </div>

  <div class="form-group">
    <%= f.label :text, "内容"%>
    <%= f.text_area :text, class: "form-control ", rows: 20 %>
  </div>

  <%= f.fields_for :post_categories do |i| %>
    <div class="form-group">
      <%= i.label :caregory_id, "カテゴリー" %>
      <%= i.collection_check_boxes :category_id, Category.all, :id, :name, class: "form-control" %>
    </div>
  <% end %>

  <%= f.submit "投稿" ,class: "btn btn-success"%>
<% end %>



```### 前提・実現したいこと
accepts_nested_attributes_forを使ってブログを投稿した時に中間テーブル `post_categories`
を同時に保存して、ブログにカテゴリーを関連付けしたいと考えております。

tableカラム
posts: id, title, text, created_at, updated_at
post_categories: id, post_id, category_id, created_at, updated_at
categories: id, name, created_at, updated_at
です。


### 発生している問題・エラーメッセージ

エラーメッセージは出ておりませんが中間テーブルが保存されません。
ディベロッパーツールでパラメータを見ると

post[title]: ffffffefsfga
post[text]: dfghtyejhgfdfdgsfvccbfdhgfdscvxz
post[post_categories_attributes][0][category_id][]:
post[post_categories_attributes][0][category_id][]: 1
post[post_categories_attributes][0][category_id][]: 2
commit: 投稿

となっています。
titleとtextは適当です。

色々と調べましたがうまくいかず、困っています。
改善するアイデアをご存知であれば教えていただけないでしょうか。

Answer 1

記述されているデータ構造に則ると
post_categories1つに対して、category_idは複数持たせられません。
持たせたいcategory_id1個1個に対して、post_categoriesを1つずつ、buildして上げる必要があります。

なので、collection_check_boxesではなくcollection_selectを使うのが正しい場面となります。

あとは、nested_formやcocoonを併用して、動的にpost_categoriesを増やせば、欲しい見た目が得られるように思います。

Comments

[KNG]

回答いただきましてありがとうございました。
nested_formやcocoonなど知識がなかったので勉強になりました。
おかげさまで今回は幸いにも自己解決することができました。
本当にありがとうございました

Answer 2

モデルのhas_manyと belongs_toのところにinverse_ofを付与して、中間テーブルのバリデーションを削除し

<%= f.fields_for :post_categories do |i| %>
    <div class="form-group">
      <%= i.label :caregory_id, "カテゴリー" %>
      <%= i.collection_check_boxes :category_id, Category.all, :id, :name, class: "form-control" %>
    </div>

であったところを

      <%= f.label :caregory_ids, "カテゴリー" %>
      <%= f.collection_check_boxes :category_ids, Category.all, :id, :name, include_hidden: false, class: "form-control" %>

に修正、
ストロングパラメータを

def post_params
  params.require(:post).permit(:title, :text, { category_id: []} )
  end

としたことで 解決することができました。
inverse_ofを付与することがキモであったようです。