質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.34%

  • Ruby

    8233questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Ruby on Rails 5

    2192questions

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

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 153

KNG

score 0

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ページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

+1

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/08/01 00:58

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

    キャンセル

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で質問しよう!

  • ただいまの回答率 90.34%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • Ruby

    8233questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Ruby on Rails 5

    2192questions