ブログの投稿にカテゴリーを多対多の関係でつけたい。accepts_nested_attributes_forを使用
解決済
回答 2
投稿
- 評価
- クリップ 0
- VIEW 1,423
railsをはじめて3ヵ月の経験ですが、自分のブログを作りたいと思っています。
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は適当です。
色々と調べましたがうまくいかず、困っています。
改善するアイデアをご存知であれば教えていただけないでしょうか。
-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
+1
記述されているデータ構造に則ると
post_categories1つに対して、category_idは複数持たせられません。
持たせたいcategory_id1個1個に対して、post_categoriesを1つずつ、buildして上げる必要があります。
なので、collection_check_boxes
ではなくcollection_select
を使うのが正しい場面となります。
あとは、nested_formやcocoonを併用して、動的にpost_categoriesを増やせば、欲しい見た目が得られるように思います。
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
check解決した方法
0
モデルの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
を付与することがキモであったようです。
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
15分調べてもわからないことは、teratailで質問しよう!
- ただいまの回答率 88.22%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる
2018/08/01 00:58
nested_formやcocoonなど知識がなかったので勉強になりました。
おかげさまで今回は幸いにも自己解決することができました。
本当にありがとうございました