繁体   English   中英

如何遍历未知数量的幻灯片的 Rails Bootstrap Carousel 数据幻灯片?

[英]How to loop through Rails Bootstrap Carousel data slides for unknown # of slides?

我已经为我的 rails 项目创建了一个有效的 Ruby on Rails Bootstrap Carousel,其中包含一组图像,但我的网站将根据用户输入具有可变数量的图像,我希望幻灯片的数量根据该数量而变化图片。 我是 ruby​​ 的新手,所以我无法弄清楚完成这项工作所需的循环代码……感谢您的关注!

这是一组幻灯片 (4) 的代码:

        <ol class="carousel-indicators">
          <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
          <li data-target="#mycarousel" data-slide-to="1" class="active"></li>
          <li data-target="#mycarousel" data-slide-to="2" class="active"></li>
          <li data-target="#mycarousel" data-slide-to="3" class="active"></li>
        </ol>

这是我尝试根据我的“郊游”模型的计数进行循环(每次郊游有一个图像,我想循环遍历)。 我永远不知道我需要多少张幻灯片,一天可能是 5 张,第二天可能是 20 张,然后一天又回到 4 张。

            <ol class="carousel-indicators"> 
              <li data-target="#mycarousel" data-slide-to="0" class="active"></li> 
              <%= x = @outings.count, for outingimagecount in 1..x do %> 
              <li data-target="#mycarousel" data-slide-to=#{outingimagecount)></li> 
              <% end %> 
            </ol>

尝试each-with-index

<% @outings.each_with_index do |outing, i| %>
  <li data-target="#mycarousel" data-slide-to=#{i) class="#{'active' if i == 0}"></li>
<% end %>

或者你可以这样做:

<% (1..@outings.count).each do |i| %>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM