как сделать динамическую загрузочную карусель в рельсах?

Question

Мне нужно показать список продуктов в карусели, используя начальную загрузку, сгруппированную по 4 элемента в каждом классе 'item'.

вот моя разработка

<div class="carousel-inner" role="listbox">
  <% products.each_with_index do |product, n| %>

    <% if n % 4 == 0 %>
      <div class="item <%= 'active' if n == 0 %>">
    <% end %>
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
        ...
      </div>
    <% if n % 4 != 0 %>
      </div>
    <% end %>

  <%end%>
</div>

проблема в том, что япопробуйте закрыть класс 'item'.Я не могу поймать противоположность, кратную 4.

Answer 1

<div class="carousel-inner" role="listbox">
  <% products.each_slice(4).with_index do |slice, index| %>
    <div class="item <%= 'active' if index == 0 %>">
    <% slice.each do |product| %>
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
        ...
      </div>
    <% end %>
    </div>
  <% end %>
</div>