質問編集履歴
2
修正
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
追記
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
|
+
```
|