css - 如何根据 rails 中的内容设置 css 类

Question

一般来说，我对 Rails 和 Web 应用程序开发还很陌生，所以如果这是基础知识，请多多包涵，

我的问题是我正在寻找一种在 Rails 中根据对象的值设置 CSS 类的方法。

在我的 Rails 应用程序中使用 Bootstrap 框架，我有一个表格，其中显示了一个订单列表，每个订单都有一个状态，它可以处于各种状态，例如:“已创建、进行中、异常”

根据订单所处的状态，我想使用 CSS 标签，例如 <span class="label label-warning>"对于异常状态或 <span class="label label-success">用于创建或进行中。

我在想也许在某个地方有一个辅助方法并从 View 中调用它来解决它？不确定我是否遗漏了一些基本的东西，因为我确定这是每个应用程序中都会出现的东西？

orders\index.html.erb
<div>
<h1>Listing orders</h1>

<table>
  <thead>
    <tr>
      <th>Customer</th>
      <th>Order ID</th>
      <th>Order State</th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>

  <tbody>
    <% @orders.each do |order| %>
      <tr>
        <td><%= order.customer.name %></td>
        <td><%= order.id %></td>
        <td> <span class="label label-warning><%= order.state %></span></td>
        <td><%= link_to 'Show', order %></td>
        <td><%= link_to 'Edit', edit_order_path(order) %></td>
        <td><%= link_to 'Destroy', order, method: :delete, data: { confirm: 'Are you sure?' } %></td>
        <td><%= link_to 'Exception', exception_order_path(order), method: :post %>
      </tr>
    <% end %>
  </tbody>
</table>

<br>

Answer 1

不确定这是否是您要找的，但您可以这样做:

content_tag(:td, '', :class => (@obj == 'x' ? 'something' : 'somethingElse'))

如果您的条件测试很复杂，是的，我会使用辅助方法。然后你可以这样做:

content_tag(:td, '', :class => name_of_helper_method(@obj))

helper 方法返回您要设置的类名的字符串。

编辑:这可能是您要查找的内容:

<td><span class="label <%= order.state == 'Created' ? 'label-success' : 'label-warning' %>"></span></td>