セルの値に応じてテーブルセルのスタイルを変えます。レール上でerb-rubyを使用します。

Question

現在、レール上のルーフィーの戦艦ゲーム用のボードを行っています。 私はテーブルセルの色を変更する方法についていません（配列@actionsの中のどれが内部にあるかによって異なります）。html.erbのcase文とif'statementを使って試しましたが、 。そして、私は疑問に思って別のもの：？私は、このためのヘルパーメソッドを実行し、代わりにそこでのコーディングの、HTMLでそれを使用する必要があります

はここで、コントローラである：ここでは

class BoardsController < ApplicationController 
    def new 
     @actions = ['none', 'hit', 'miss', 'ship', 'special'] 
     @grid = [] 
     for row in 0..9 
      @grid.push([]) 
      for column in 0..9 
      @grid[row].push({ 
       'action' => @actions.sample 
      }) 
      end 
     end 
    end 
end 

は図です。

<table class="table table-striped table-bordered"> 
    <% for row in 0..9 %> 
     <tr> 
      <% for column in 0..9 %> 
       <td> 
        <%= @grid[row][column]['action'] %> 
       </td> 
      <% end %> 
     </tr> 
    <% end %> 
</table> 

Answer 1

私は最も単純なsoluti各アクションのCSSクラスを作成することです（例：

<style> 
    .none { background-color: blue; } 
    .hit  { background-color: red; } 
    .miss { background-color: yellow; } 
    .ship { background-color: white; } 
    .special { background-color: green; } 
</style> 

） @grid[row][column]['action']は）tdタグのclass属性で：

<% for column in 0..9 %> 
    <td class="<%= @grid[row][column]['action'] %>"></td> 
<% end %> 

---

あなたの質問に関連していないが、注目に値する：またeachの代わりforを使用することを選ぶ必要があり、より慣用的です。例えば

、ビューのコードをリファクタリングすることができます：

<table class="table table-striped table-bordered"> 
    <% (0..9).each do |row| %> 
    <tr> 
     <% (0..9).each do |column| %> 
     <td class="<%= @grid[row][column]['action'] %>"></td> 
     <% end %> 
    </tr> 
    <% end %> 
</table>