ruby-on-rails - 在 ruby​​ on rails 的 image_tag 助手中使用多个类

Question

如何image_tag在 Rails 5 应用程序中将多个类传递给助手？我想转换这个 HTML<img>标签：

<img class="etalage_thumb_image" src="images/m1.jpg" class="img-responsive" />

进入

<%= image_tag @post.picture.url if @post.picture? %>

使用 Railsimage_tag助手。我该如何做到这一点？

Answer 1

尽管您img在示例中不是有效的，但您可以尝试：

<% if @post.picture %> # To check if @post.picture isn't nil
  <%= image_tag @post.picture.url, class: 'etalage_thumb_image img-responsive' %>
<% end %>

由空格分隔的多个类。

Answer 2

您的 HTML 一开始就无效。它应该是：

<img class="etalage_thumb_image img-responsive" src="images/m1.jpg" />

...否则第二个class属性会覆盖第一个属性。

可能的解决方案：

<% if @post.picture %>
  <%= image_tag @post.picture.url, class: "etalage_thumb_image img-responsive" %>
<% end %>