在 rails 上的 ruby 中使用 image_tag 中的多个 class 助手

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 %>

多个类用白色space隔开。

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 %>

在 rails 上的 ruby 中使用 image_tag 中的多个 class 助手

Using multiple class in image_tag helper in ruby on rails

ruby-on-rails

ruby-on-rails-5.1