質問編集履歴

2

修正

2021/05/11 08:07

投稿

pay_561
pay_561

スコア26

test CHANGED
File without changes
test CHANGED
@@ -9,24 +9,6 @@
9
9
  エラー内容のとおりcommentsフォルダにindex.html.erbを作成しましたが、
10
10
 
11
11
  真っ白なページに遷移され非同期通信になりません。
12
-
13
-
14
-
15
- また気になる点があります。
16
-
17
- 以下の画像のようにところどころ文字に色がない箇所がありますが
18
-
19
- これは反映されていないと言うことでしょうか?
20
-
21
- **comments/index.js.erb**
22
-
23
- ![イメージ説明](a0866697db9df70c8f1d8b10b7fc5cc3.png)
24
-
25
-
26
-
27
- **view/posts/show.html.erb**
28
-
29
- ![イメージ説明](4ca2044869c3ee67f36b97f33de40d8c.png)
30
12
 
31
13
 
32
14
 

1

追記

2021/05/11 08:07

投稿

pay_561
pay_561

スコア26

test CHANGED
File without changes
test CHANGED
@@ -79,3 +79,59 @@
79
79
  end
80
80
 
81
81
  ```
82
+
83
+ ##comments/_form.html.erb
84
+
85
+ ```ここに言語を入力
86
+
87
+ <%= form_with(model: [post, comment] ) do |form| %>
88
+
89
+ <div>
90
+
91
+ <%= form.text_area :comment_content %>
92
+
93
+ </div>
94
+
95
+ <div class="actions">
96
+
97
+ <%= form.submit "コメントをする" %>
98
+
99
+ </div>
100
+
101
+ <% end %>
102
+
103
+ ```
104
+
105
+ ##comments/_index.html.erb
106
+
107
+ ```ここに言語を入力
108
+
109
+ <% comments.each do |comment| %>
110
+
111
+ <% unless comment.id.nil? %>
112
+
113
+ <p><%= link_to "#{comment.user.name}さん" %></p>
114
+
115
+ <p>コメント:<%= comment.comment_content %></p>
116
+
117
+ <% if comment.user == current_user %>
118
+
119
+ <p><%= link_to 'コメントを削除する', post_comment_path(comment.post_id, comment.id), method: :delete, remote: true %></p>
120
+
121
+ <% end %>
122
+
123
+ <% end %>
124
+
125
+ <% end %>
126
+
127
+ ```
128
+
129
+ ##comments/index.js.erb
130
+
131
+ ```ここに言語を入力
132
+
133
+ $("#comments_area").html("<%= j(render 'index', { comments: @comment.post.comments }) %>")
134
+
135
+ $("textarea").val('')
136
+
137
+ ```