indexにpagenationをした上で、他テーブルのデータを表示させる

###前提・実現したいこと
railsで製品と画像の管理システムを作っています。
productsテーブルとpicturesテーブルをそれぞれ
product has_may pictures
picture berongs_to product
としています。

現在pagenationを使いproducts/indexページに一覧を表示させていますが、picturesテーブルにproduct_idで紐付いているレコードを同時に表示させたいと思っておりますが、詰まっています。
viewではeachを使って同じproduct_idを持つものを表示させたいと思っています。

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

エラーメッセージ
undefined method `pictures' for #<Product::ActiveRecord_Relation:

###該当のソースコード
rails
products_contoroller.rb
def index
    @products = Product.page(params[:page]).per(100).order(sort_column + " " + sort_direction)#並べ替えのメソッドの定義
    @pictures = @products.pictures

  end```

index.html.erb
.
.
.
<td><%= product.age %></td>
      <% @pictures.each do |pic| %>
      <td><%= image_tag pic.photo.thumb %></td>
      <td><%= pic.photo_file_name %></td>
      <td><%= pic.created_at %></td>
      <% end %>

###試したこと
find_byなどを使用しようとも思ったのですが、うまくいきません。

よろしくお願いいたします。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

行動規範の内容に同意します

回答1件

ベストアンサー

そのエラーはProductモデルのオブジェクトの集合であるProduct::ActiveRecord_Relationのオブジェクトにpicturesメソッドを送っているためにでています。

ruby
1@pictures = @products.pictures

picturesメソッドを持つのは、Productモデルのオブジェクトの集合であるProduct::ActiveRecord_Relationではなく、Productモデルのオブジェクトです。
ですので、productごとのpicturesはproduct.picturesのように取得できますね。
今回はそのproductが複数あるため、以下のようなコードで対応できると思います。

ruby
1# products_contoroller.rb
2 def index
3    @products = Product.page(params[:page]).per(100).order(sort_column + " " + sort_direction)#並べ替えのメソッドの定義
4    @pictures = @products.map(&:pictures).flatten
5    # 上のコードは、
6   # @pictures = @products.map{ |product| product.pictures }.flatten
7    # と同じです。
8    # productごとのpicturesを取得すると、picturesの配列の配列になるので、それをflattenで平坦化しています。
9    # @pictures = Picture.where(product_id: @products.map(&:id))
10    # でも同じような動作になると思います。
11  end

erb
1# index.html.erb 
2
3<td><%= product.age %></td> 
4<% @pictures.each do |pic| %> 
5<td><%= image_tag pic.photo.thumb %></td> 
6<td><%= pic.photo_file_name %></td> 
7<td><%= pic.created_at %></td> 
8<% end %>