データベースに登録したハッシュデータをeach構文で出力したい。

Question

前提・実現したいこと

使用言語はRubyです。
データベースに登録したハッシュデータ「@material」をeach構文で下記のように出力したい。

ほげほげ１　ふがふが１
ほげほげ２　ふがふが２

該当のソースコード

◆フォーム

<input name="material[hoge][]"> <input name="material[fuga][]">

◆コントローラー

def show
@material = @post.material
end

def create
@post = Post.new(
material: params[:material]
)
end

◆ビュー

<ul> <% @material.each do |key, val| %> <li><%= val %></li> <% end %> </ul>

これでは出力結果が下記のようになってしまいます。

["ほげほげ１", "ほげほげ２"]
["ふがふが１", "ふがふが２"]

試したこと

下記ように記述すると意図するイメージ通りに出力されますが、
繰り返し処理ではありません。

<dl> <dt><%= @material["hoge"][0] %><dt><dd><%= @material["huga"][0] %></dd> <dt><%= @material["hoge"][1] %><td><dd><%= @material["huga"][1] %></dd> </dl>

railsの勉強をはじめたばかりの初心者のためよく分かりません。
どなたかご教授いただけないでしょうか。

Answer 1

mat = [{ hoge: "ほげ1", fuga: "ふが1"},
       { hoge: "ほげ2", fuga: "ふが2"}]

みたいな形式にすると普通にeach回せて楽ですね

mat = { "hoge" => %w[hogehoge1 hogehoge2], "fuga" => %w[fugafuga1 fugafuga2] }

という時、簡単なのは

% mat["hoge"].zip(mat["fuga"]).each{|hoge, fuga|
  <dt><%= hoge %></dt><dd><%= fuga %></dd>
% }
</dl>

---

追記

[<ActionController::Parameters {"hoge"=>"ほげほげ1", "fuga"=>"ふがふが1"} permitted: false>,
<ActionController::Parameters {"hoge"=>"ほげほげ2", "fuga"=>"ふがふが2"} permitted: false>]

の場合は普通に

% @material.each{|param|
    <dt><%= param["hoge"] %></dt><dd><%= param["fuga"] %></dd>
% }

でいいんじゃない？

Comments

[1750xkcm]

フォームは下記のように修正しました。

◆ HTML

<input name="material[][hoge]">
<input name="material[][fuga]">

データベースにsaveしたデータを「<%= @material %>」で出力してみたところ下記のように表示されました。

[<ActionController::Parameters {"hoge"=>"ほげほげ1", "fuga"=>"ふがふが1"} permitted: false>,
<ActionController::Parameters {"hoge"=>"ほげほげ2", "fuga"=>"ふがふが2"} permitted: false>]

そしてビューを下記のように修正しました。

◆ ビュー

<dl>
<% @material["hoge"].zip(@material["fuga"]).each do |hoge, fuga| %>
<dt><%= hoge %></dt><dd><%= fuga %></dd>
<% end %>
</dl>

としましたら。。。下記のようなエラー文が表示されました。

no implicit conversion of String into Integer

上記エラーの解除方法がわかりましたら教えてください。

[1750xkcm]

意図するように表示されました！ありがとうございます。
ですが…下記も表示されたままです。

[<ActionController::Parameters {"hoge"=>"ほげほげ1", "fuga"=>"ふがふが1"} permitted: false>,
<ActionController::Parameters {"hoge"=>"ほげほげ2", "fuga"=>"ふがふが2"} permitted: false>]

マイグレーションファイルかクラスファイルあたりが悪さをしているように思うのですが。。。

◆マイグレーションファイル
def change
　add_column :posts, :material, :text, array: true
end

◆クラスファイル
serialize :material

もし解決方法がわかりましたら教えてください。

[asm]

ブラウザに表示されるとしたら<% %> とすべき所を <%= %> にした時等に見られる症状ですね

[1750xkcm]

おっしゃるとおりでした！

◆ 修正箇所
<%= @material.each do |params| %>
<% @material.each do |params| %>

とても勉強になりました、ありがとうございました。

Answer 2

ちょっと全貌が見えないのでなんとも言えないのですが、頂いた情報から察するにフォームの形が違うのかなと思います。

やりたいことを察するにフォームとビューの形はこのようになるのではないでしょうか？
◆フォーム

<input name="material[hoge]">
<input name="material[fuga]">

◆ビュー

<ul>
<% @material.each do |key, val| %>
<li><%= key %>:<%= val %></li>
<% end %>
</ul>

Comments

[1750xkcm]

下記のように表示させたい場合はどのように記述すればよろしいでしょうか？
※hogeにfugaを紐づけて表示させる

■ ブラウザー出力

----------------------
hoge1　fuga1
----------------------
hoge2　fuga2
----------------------

■ ハッシュの中身
@material = {"hoge"=>["ほげほげ１", "ほげほげ２"], "fuga"=>["ふがふが1", "ふがふが2"]}

下記のよう書くと上記のブラウザー出力の例のように表示されるのですが、
繰り返し処理ではないため、できればこれをeachなどで出力できるようしたいです。

<dl>
<dt><%= @material["hoge"][0] %><dt><dd><%= @material["huga"][0] %></dd>
<dt><%= @material["hoge"][1] %><td><dd><%= @material["huga"][1] %></dd>
</dl>