ruby-on-rails - 有条件地将类添加到 View 中的 HTML 元素的优雅方法是什么？

Question

我偶尔需要根据条件向 html 元素添加一个类。问题是我无法找到一种干净的方法。这是我尝试过的示例:

<div <%= if @status = 'success'; "class='ok'"; end %>>
   some message here
</div>

或

<% if @status == 'success' %>
   <div class='success'>
<% else %>
   <div>
<% end %>
   some message here
</div>

我不喜欢第一种方法，因为它看起来很拥挤并且难以阅读。我不喜欢第二种方法，因为嵌套搞砸了。最好将其放入模型中(例如 @status.css_class)，但这不属于那里。大多数人做什么？

Answer 1

我使用第一种方法，但语法稍微简洁一些:

<div class="<%= 'ok' if @status == 'success' %>">

尽管通常您应该使用 bool 值 true 或数字记录 ID 来表示成功，使用 bool 值 false 或 nil 来表示失败。这样你就可以测试你的变量:

<div class="<%= 'ok' if @success %>">

如果您想在两个类之间进行选择，则使用三元 ?: 运算符的第二种形式非常有用:

<div class="<%= @success ? 'good' : 'bad' %>">

最后，您可以使用 Rail 的 record tag helpers例如 div_for，它将根据您提供的记录自动设置您的 ID 和类别。给定一个 ID 为 47 的 Person:

# <div id="person_47" class="person good">
<% div_for @person, class: (@success ? 'good' : 'bad') do %>
<% end %>