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

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

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

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

Q&A

解決済

1回答

2116閲覧

投稿へのコメントを投稿のshowページへ遷移せずに、表示させたい。

s.k

総合スコア423

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

0グッド

0クリップ

投稿2016/11/16 04:14

編集2016/11/18 15:19

###前提・実現したいこと
コメント(@comment)を投稿(@micropost)のアコーディオンメニューに表示したい。
そのために、このようなコードを成立させたい。

【page_controller.rb】

ruby

1class PageController < ApplicationController 2 3 def index 456 @micropost = Micropost.find(params[:id])★エラーでます。 7 @micropost = Micropost.includes(:user).find(params[:id])★エラーでます。 8 @comments = @micropost.comments.includes(:user).all 9 @comment = @micropost.comments.build(user_id: current_user.id) if current_user 101112 end

【理想図】
イメージ説明

【現状図】
イメージ説明

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

ActiveRecord::RecordNotFound in PageController#index Couldn't find Micropost without an ID

Pageでは@micropostのidを受け取ることができず、エラーが出てしまいます。
Page#index内にこのような変数を置きたいです。

ruby

1@micropost = Micropost.find(params[:id]) 2@micropost = Micropost.includes(:user).find(params[:id])

###該当のソースコード
【page_controller.rb】

ruby

1class PageController < ApplicationController 2 3 def index 4 @micropost = current_user.microposts.build 5 @feed_items = current_user.feed.paginate(page: params[:page]) 6 @micropost = Micropost.find(params[:id])★エラーでます。 7 @micropost = Micropost.includes(:user).find(params[:id])★エラーでます。 8 @comments = @micropost.comments.includes(:user).all 9 @comment = @micropost.comments.build(user_id: current_user.id) if current_user 101112 end

【index.html.erb】

ruby

1 2##アコーディオンメニュー 3<script> 4 $(function(){ 5 $("#acMenu dt").on("click", function() { 6 $(this).next().slideToggle(); 7 }); 8 }); 9</script> 10 11<!-- タイムライン --> 12<h3>Micropost Feed</h3> 13<%= render 'shared/feed' %> →_micropost.html.erbを呼び出します。 14

【_micropost.html.erb】

ruby

1<li id="micropost-<%= micropost.id %>"> 2 3456 7 <dd> 8 <!-- コメント --> 9 <div> 10 <%= render 'comments/array' %> ←@commentを表示するパーシャルです。 11 <%= render 'calls/array' %> 12 <%= render 'says/array' %> 13 <%= render 'insists/array' %> 14 </div> 15 </dd> 16 </dl> 17181920 21 22</li>

【calls/_array.html.erb】

ruby

1<% @comments. each do |comment| %> 2 <div> 3 <strong><%= user_name(comment, @user) %></strong> 4 </br> 5 <p><%= body(comment) %></p> 6 <% if user_signed_in? && comment.user == current_user %> 7 <p><%= link_to 'Delete', comment_path(comment), method: :delete %></p> 8 <% end %> 9 </div> 10<% end %>

###補足情報(言語/FW/ツール等のバージョンなど)
・アコーディオンメニューは各投稿に設定してあり、
各投稿にコメントを投稿し、投稿を表示させたいです。
現状、コメントの投稿はできています。(データベース確認済み)
しかし、コメントの表示ができません。
おそらく、@micropostを正しくpage#indexに置いていないため、@micropostに紐づいた@commentを表示できない、ということだと思います(*´Д`)

マルチポスト
投稿へのコメントを投稿のshowページへ遷移せずに、表示させたい。

投稿へのコメントを投稿のshowページへ遷移せずに、表示させたい。

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

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

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

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

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

guest

回答1

0

自己解決

データベースからデータを取得することにしました。

def comment_feed(micropost) comments = micropost.comments #その投稿のidに紐づくcommentを全て取得します。 # commentを1つずつ取り出し、bodyの内容でpタグを出力する comments.map do |comment| content_tag(:p, comment.body) end end

投稿2016/11/23 00:54

s.k

総合スコア423

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問