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

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

新規登録して質問してみよう
ただいま回答率
85.35%
Ruby

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

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

解決済

1回答

701閲覧

renderのcollectionオプションでテンプレートを表示したい。

Cobo88

総合スコア0

Ruby

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

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2021/04/17 13:06

編集2021/04/18 01:27

前提・実現したいこと

Railsで記事投稿アプリを作成しています。
renderのcollectionオプションを用いてviewに表示させようとしています。

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

これは使用しようとしているテンプレート内の記述です。

ActionView::Template::Error (undefined method `image' for nil:NilClass): 3: 4: <div class="left-box"> 5: <div class="jaket-box"> 6: <%= image_tag(@article.image, size: "100x100", class: "index-jaket-image") %> 7: </div> 8: </div> 9:

該当のソースコード

ユーザーには記事と画像が紐づけてあります。

ruby

1class User < ApplicationRecord 2 3 has_one_attached :image 4 has_many :articles, dependent: :destroy 5end

記事には別の画像が紐づいています。

ruby

1class Article < ApplicationRecord 2 has_one_attached :image 3 4end 5 6

これがviewへインスタンス変数を渡す際のアクションの記述です。

ruby

1#userscontroller 2 3def show 4 @user = User.find(params[:id]) 5 @articles = @user.articles 6end 7 8

そしてこれが上記のアクションで定義したインスタンス変数を渡すrenderの記述です。

html

1#renderを使用しているviewの記述 2 3<div class="user-show-bottom"> 4 <%= render partial: 'shared/overview_articles', collection: @articles %> 5</div> 6

試したこと

初歩的なスペルミスの確認はしましたがご覧の通りありません。

エラーページ下部にあるツールで各インスタンスの情報を調べたところ
以下の様になっておりrenderに渡す時点では複数情報を持った配列になっているものの
テンプレート内部に渡された時点で中身が空になっていると解釈しています。
collectionオプションの使い方自体が間違っているのでしょうか?
イメージ説明

回答の程、宜しくお願い致します。

補足情報(FW/ツールのバージョンなど)

Ruby 2.6.5
Rails 6.0.3.5

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決しました。
質問の通り、私のcollectionオプションの理解が足りていませんでした。

collectionオプションに渡したインスタンスは,partialのアンダーバー以降の命名に代入されて
テンプレート内で使用されるという事でした。
今回の私の設定でいくと
'shared/overview_articles'という部分の'overview.articlesがローカル変数として渡されます。
なのでview内での記述は<%=overview.articles.image ~となり、この通り記述したところ問題なく動作しました。
またプラスの情報としてさらにオプション"as:"を設定する事でpartialのローカル変数をas:オプションに渡した命名に変更する事ができるという事でした。

投稿2021/04/18 01:50

Cobo88

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問