在rails上的ruby中使用image_tag helper中的多個類

Question

如何在Rails 5應用程序中將多個類傳遞給image_tag助手？ 我想轉換此HTML <img>標記：

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

成

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

使用Rails image_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屬性會覆蓋第一class屬性。

可能的方法：

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