使用bootstrap轮播时显示的图像文件详细信息

时间:2013-11-24 21:28:17

标签: ruby-on-rails-4 imagemagick paperclip twitter-bootstrap-3 carousel

我正在构建一个rails 4应用程序,其中包含显示页面上的图像轮播。图像已通过paperclip和imagemagick上传。第一个(主要)图像附加到一个模型(列表),接下来的5个图像与第二个模型“资产”相关联,并且位于阵列中。

上传工作正常,图片显示在轮播中,但是当我显示资产数组中的图像时,图像文件详细信息(文件名,asset_file_size,created_at等)显示在图像下方。我的观看代码是:

      <div id="show-page-carousel" class="carousel slide"><!-- class of slide for animation -->
        <div class="carousel-inner">
          <div class="item active"><!-- class of active since it's the first item -->
            <center><img src= <%= @listing.image.url(:medium) %> alt="" ></center>
          </div>

          <%= @listing.assets.each do |asset| %> 
            <div class="item">
              <center><img src= <%= asset.asset.url(:medium) %> alt="" ></center>
            </div>
          <% end %>
        </div><!-- /.carousel-inner -->
          <!-- Controls -->
          <a class="carousel-control left" href="#show-page-carousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
          </a>
          <a class="carousel-control right" href="#show-page-carousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
          </a>
      </div>

引导程序轮播中图像下方显示的图像文件详细信息如下所示:

[#<Asset id: 3, asset_file_name: "cathat1", asset_content_type: "application/octet-stream", asset_file_size: 79746, asset_updated_at: "2013-11-24 21:23:15", listing_id: 102, created_at: "2013-11-24 21:23:17", updated_at: "2013-11-24 21:23:17">, #<Asset id: 4, asset_file_name: "cathat7", asset_content_type: "application/octet-stream", asset_file_size: 74176, asset_updated_at: "2013-11-24 21:23:16", listing_id: 102, created_at: "2013-11-24 21:23:17", updated_at: "2013-11-24 21:23:17">]

在调用资产区块时我做错了什么?

由于

1 个答案:

答案 0 :(得分:2)

问题是使用&lt;%=作为块:

<%= @listing.assets.each do |asset| %>

更改为&lt;%后,文字消失了。