railsのviewにインスタンス変数が渡されない

Question

#views/play/video_poker.html.erb
<% @json[:cards].each { |card| %>
<img src="<%image_url card.to_s+".jpg"%>" class="card">
<% } %>
<input type="hidden" name="hash" value="<% @json[:hash]%>">

#controllers/play_controller.html.erb
class PlayController < ApplicationController
  def video_poker
    cards = []
    (0...5).each {
      cards.push Random.rand(1..53)
    }
    @json = {
        :cards => cards,
        :hash => SecureRandom.base64(12)
    }
  end
end

上記のコードでviewに@jsonが渡されず、

<img src="" class="card">
<img src="" class="card">
<img src="" class="card">
<img src="" class="card">
<img src="" class="card">
<input type="hidden" name="hash" value="">

のようになってしまいます
どうしたらよいでしょうか

Answer 1

ERB テンプレート中でRuby のコードを記述するとき、処理結果を出力したい部分は<%= ... %> と= を付ける必要があります
(<%= は<% print の略記法なのだとか)

1行に収まりづらい、複数行に渡る記述の場合は、{...} よりもdo...end 記法のほうが良いでしょう

<% @json[:cards].each do |card| %>
  <img src="<%= image_url card.to_s + '.jpg' %>" class="card">
<% end %>

<input type="hidden" name="hash" value="<%= @json[:hash] %>">

<%= image_tag(image_url("#{card}.jpg"), class: 'card') %>
<%= content_tag(:input, '', type: 'hidden', name: 'hash', value: '') %>

とそれぞれ記述してみるのも良さそうですね

Links

リファレンス - Railsドキュメント

• image_tag
• content_tag

---

質問の内容とは逸れますが：
コントローラのランダムな値を生成する処理は

cards = 5.times.map{ Random.rand(1..53) }

と書くとスッキリ書けそうですね

ほかに、Ruby のバージョンが1.9 移行であれば 以下のように記述することも出来ます

@json = {
  cards: cards,
  hash: SecureRandom.base64(12)
}

Comments

[kooya]

詳しく教えて下さりありがとうございます！
またお願いします

Answer 2

<%image_url card.to_s+".jpg"%> に= をつけて
<%= image_url card.to_s+".jpg"%> としてみてはいかがでしょうか

基本的には何か表示させる場合は <%= ... %> で、 if のようにそれ自身は表示しない場合に <% ... %> になります

Comments

[kooya]

なるほど。ありがとうございます。

Answer 3

<img src="<%image_url card.to_s+".jpg"%>" class="card">
は、
<img src="<%= image_url "#{card}.jpg" %>" class="card">
と書くとよいのでは？

Comments

[kooya]

ありがとうございます