Rails 4件ずつ表示したい

Question

##やりたいこと
一つだけ必ず表示したいものがありそれが@wordsに、入っている。
それ以外にランダムに3つの値をdbから取得し、計４つずつをセットにして、表示したい。
##view

<[e-mail]_index(1) do|value,number|%>
                    <label><%= "#{number}"%>：<%=value.answer%><%=radio_button_tag "#{n}",value.answer%></label><br>
                <%end%>

##controller

@value=[]
        @words.each do|word|
          puts @value<<[word,Word.all.sample(3)]
          @value.flatten!

##問題点
現状
このように3つのwordにそれぞれ、3つのランダムなwordを追加して全部で1問あたりに4件ずつ表示したいにもかかわらず、三回eachで演算しているためか12件ずつ表示されてしまいます。

試したこと

each_slice(4)
のようにすればうまくいきそうですが、うまくいきませんでした。

Answer 1

controllerで flatten! をやめて２次元配列でviewに渡し、viewで２重ループするのはいかがでしょう？
※動作未検証です。参考になれば。。。

view

<[e-mail] do |words| %>
  <%words.each_with_index do |value, number| %>
    <label><%= "#{number}"%>：<%=value.answer%><%=radio_button_tag "#{n}",value.answer%></label><br>
  <%end%>
<%end%>

controller

@value=[]
@words.each do |word|
  puts @value << [word, Word.all.sample(3)]
  # @value.flatten!
.
.
end

Comments

[NishidaRyu416_]

https://gyazo.com/e2f8c7188c2943c935c4c44e3f72794f

エラーが出ました

[satoshih]

すいません。３次配列になってるみたいですね。

controller
```
@value=[]
@words.each do |word|
# puts @value << [word, Word.all.sample(3)]
puts @value << [word, Word.all.sample(3)].flatten
# @value.flatten!
.
.
end
```
でいかがでしょう？

[NishidaRyu416_]

1
2
3
4
1
2
3
4
というように表示されてしまいます

[NishidaRyu416_]

以前のコードで
viewを確認したところ
Word
Array
の途端エラーみたいです。
となっていて、Arrayの瞬間エラーです。

[satoshih]

問題はどのように表示してますか？
下のような感じはどうですか？

view
```
<[e-mail] do |words| %>
# ここに問題を書く
<%words.each_with_index do |value, number| %>
<label><%= "#{number}"%>：<%=value.answer%><%=radio_button_tag "#{n}",value.answer%></label><br>
<%end%>
<%end%>
```
もしくは

```
# ここに問題を書く
<%words[0].each_with_index do |value, number| %> # 0 の部分は問題に合わせる
<label><%= "#{number}"%>：<%=value.answer%><%=radio_button_tag "#{n}",value.answer%></label><br>
<%end%>
```

[NishidaRyu416_]

<%= form_tag(action: :create) do %>
<%= hidden_field_tag "count", @words.count %>
<% @words.each.with_index(1)do |word, n| %>
<%if params['test_option'] == "練習"%>
<label for=<%= "#{n}"%>><%= "#{n}問目"%>：<%= eval("word.#{@question}")%> （正答: <%= eval("word.#{@answer}") %>)</label><br>
<%else%>
<label for=<%= "#{n}"%>><%= "#{n}問目"%>：<%= eval("word.#{@question}")%></label><br>
<%end%>
<%= hidden_field_tag "answer#{n}", eval("word.#{@answer}") %>
<% end %>
<%= submit_tag "Answer", class: "btn btn-large btn-primary" %>
<% end %>

このような感じで書いてます。

[NishidaRyu416_]

相変わらず 12341234みたいに表示されます。

[satoshih]

eval("word.#{@question}") == 問題
eval("word.#{@answer}") == 選択肢
ですか？

[NishidaRyu416_]

そういうことです

Answer 2

flatten!で平坦化しているのでView側でeach_sliceで4件ずつ取得するようすればいけると思います。
ブロック引数には配列が入るのでその点に注意ですね。

http://ref.xaio.jp/ruby/classes/enumerable/each_slice

Comments

[NishidaRyu416_]

できませんでした。
おそらくブロックの数をケースによってかえられたらうまくいくと思うのですが。。。

[NishidaRyu416_]

kaminariとかで無理やりできそうな気がするのですが、如何でしょうか？

[NishidaRyu416_]

https://gyazo.com/225da5ad9a3133287ee2126022418ff3

こんな感じになっています。

[hn1]

質問ごとに4つの回答がある感じにしたいということですね。
全てのコードが書かれているわけではないので推測ですが質問ごとのループ内に@valueを表示しているためこのような表示になっているのだと思います。
質問と回答の二次元配列で管理するようにすれば解決するかもしれません。

［［回答1,回答2,回答3,回答4］,［回答1,回答2…］…］

[NishidaRyu416_]

上記の方の回答を元にやりましたがエラーです
https://gyazo.com/e2f8c7188c2943c935c4c44e3f72794f

[hn1]

valueにanswerがないというエラーが出ていますね。
一度valueの内容を出力してみてどういう型になっているかデバッグしてみるといいと思います。

[NishidaRyu416_]

Word
Array
となっていて、Arrayが出た途端エラーのようですね

[hn1]

Arrayということは配列ですね。
配列にはanswerがないのでエラーが起きているみたいですね。
その配列にはWord型が入っている感じでしょうか。
そうであればkind_of?メソッドで配列かどうか判定して配列であれば再度ループ処理すれば上手く動くかもしれません。
(無駄に分岐を増やすのであまり良い方法ではないです)

[NishidaRyu416_]

うまくいきませんでした。1,2,1,2みたいな感じで表示されます。